-
Dock style Mac en JS
Hey,
j'ai fait un ptit script pour reproduire ce bon vieux dock apple.
Tout va a peu pr�s bien jusqu'au moment ou j'essaie de mettre un fondu au grossissement des ic�nes.
Pour faire ce fameux fondu j'ai remplac� mon
Code:
cible.style.width = new_width+"px";
par un
Code:
setInterval(size, 10, cible, new_width);
et la fonction size est cens� augmenter de 1 en 1 px, ce qu'elle fait mais tres bizarement
Je vous ai mis la version qui marche ici et la foireuse ici (toujours ctrl+u pour les sources hein)
Si vous avez des id�es n'h�sitez pas !
PS : je ne veux pas faire comme ce salaud qui en fait un super (Grrrrrrrrrrrrrrrr jaloux) mais lui il fait augmenter le height en fonction de la position du curseur genre style.height = x_mouse/grand_height*100
-
euh...
Je sais que c'est pas sympa arriv� � la fin d'un projet d'entendre que �a aurait �t� mieux de faire diff�remment... Mais pourquoi tu t'es pas bas� sur une librairie type prototype ou mootools pour faire �a ? �a aurait �t� plus simple je pense, surtout que �a a d�j� �t� fait :
http://www.chrisesler.com/mootools/fisheye/
Sinon pour ton code je vois pas trop, � part que la r�duction des ic�nes ne se fait plus et que la fonction size s'applique � l'ensemble des ic�nes sur lesquels on a d�j� eu un mouseover, et qu'une boucle semble s'effectuer une fois le script lanc�...
C'est bien pour �a qu'un tween avec mootools t'aurait bien aid� pour faire un truc fluide ! et plus facile � coder...
Si je trouve ton pb, je re-poste, sinon bon courage !
-
Code:
setInterval(size, 10, cible, new_width);
Elle sort d'o� cette syntaxe ? setInterval ne prend que 2 arguments, le code � ex�cuter (sous forme de cha�ne, ce qui n'est pas tr�s bien ou de fonction ce qui est mieux) et un intervalle en ms !
Code:
setInterval(function(){//tes instructions},ms);