benzen Posté 6 Janvier 2005 Partager Posté 6 Janvier 2005 Bonjour à tous, J'aimerais trouver un script pour déplacer automatiquement d'un calque (<div>) d'un point à un autre de la page, et d'une manière simple. Dreamweaver le fait par l'inermédiaire de la boite Scénario, par un script assez long et executable qu'une seule fois. Ce script contient toutes les positions durant l'animation du calque, et créé une animation en jouant les positions les unes après les autres. L'idéal pour mon script serait de lui donner seulement 3 infos : - le top et left du point départ - le top et left du point d'arrivée - la durée du déplacement. Ca a l'air pourtant assez simple... Non ? Merci beaucoup. Benzen. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Thanh Posté 13 Janvier 2005 Partager Posté 13 Janvier 2005 Hello, c'est effectivement simple si tu déplaces verticalement ou horizontalement mais lorsqu'intervient le calcul de trajectoire c'est autre chose. Tu devrais trouver ton bonheur sur l'éditeurjavascript ... Lien vers le commentaire Partager sur d’autres sites More sharing options...
benzen Posté 13 Janvier 2005 Auteur Partager Posté 13 Janvier 2005 Nan j'ai déjà été voir ya rien sur les calques... Mais je cherche, je vous balancerais le code si je trouve. A+ Benzen. Lien vers le commentaire Partager sur d’autres sites More sharing options...
benzen Posté 13 Janvier 2005 Auteur Partager Posté 13 Janvier 2005 Bon j'ai trouvé un code pas mal du tout !! Ceci ce place dans le <head> <script type="text/javascript">var a = 1000; // Position de départ (left)var b = 200; // Position de départ (top)function init () {boucle ();document.getElementById("img").style.visibility = "visible"; }function boucle () {a = a - 2; // Avance de -x pixels (left) à chaque boucleb = b + 0; // Avance de x pixels (top) à chaque boucledocument.getElementById("img").style.left = a;document.getElementById("img").style.top = b;setTimeout("boucle()",10); // Délai entre chaque boucle}</script> Il faut bien sûr le lancer : <body onload="init();"> Et il faut prendre un élément (calque div, ou image) où id=img, où la position est absolute et la visibility est hidden Exemple: <img id="img" style="position:absolute;visibility:hidden;" src="woddy_walk_left.gif"> En gros, ça donne ça. Maintenant, il ne reste plus qu'à l'arreter, et ça doit vraiment pas être compliqué je pense. Il suffit de faire une fonction qui dès que la variable "a" arrive à une valeur donnée, la boucle s'arette. Un truc du genre if{a==150... J'y connais vraiment pas grand chose au javascript moi alors merci de m'aider pour ceux qui savent... A+ Benzen. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant