déplacement en boucle d'une image ?
Bonsoir, j'ai trouver ce script pour faire une animation en boucle, voici le script
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
|
<script type='text/javascript'>
/*
* l'élément animé doit avoir une position et une taille de départ
* déplace vers la droite de animationLength px en animationDelay/1000 s
* puis déplace vers la gauche de animationLength px en animationDelay/1000 s
*/
var animationLength = 1000;
var animationDelay = 4000;
// la première animation
$("#avion")
.animate({"left":"+=" + animationLength + "px"}, animationDelay)
.animate({"left":"-=" + animationLength + "px"}, animationDelay);
// les animations suivantes
window.setInterval(function(){
$("#avion")
.animate({"left":"+=" + animationLength + "px"}, animationDelay)
.animate({"left":"-=" + animationLength + "px"}, animationDelay);
}, (animationDelay * 2 + 10)); // 0.01s minimum de délai entre animation
</script> |
comment faut t'il que je fasse pour n'avoir que un seul aller et pas d'aller et de retour (qu'l ne fasse pas un ping pong).
comment faut t'il que je procède?
merci pour votre aide :)