Discussion :

[SpaceFrog]

Bonjour,

Je tente de faire une animation prepétuelle en losange d'un element de la page.
Or chose curieuse bien qu'a priori les déplacements se font en pile et que la callback relance un tour, au bout de quelques tour le centre de l'animation se décale vers la droite ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function moveOne(){
     $("#logoholder").animate({top:"+=10px", left:"+=25px"}, 2000,"linear")
                     .animate({top:"+=10px", left:"-=25px"}, 3000,"linear")
                     .animate({top:"-=10px", left:"-=25px"}, 4000,"linear")
                     .animate({top:"-=10px", left:"+=25px"}, 3000,"linear", moveOne())
 
}
 
$(function(){
    moveOne()
 
    })

Pourtant mes sommes de top et left valent 0 ????

[SpaceFrog]

Ceci à l'air de fonctionner ...
en animatant par rapport à des positon fixes, et non plus en incrémentation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function moveOne(){
     $("#logoholder").animate({top:"22%", left:"32%"}, 3000,"linear")
                     .animate({top:"24%", left:"30%"}, 3000,"linear")
                     .animate({top:"22%", left:"28%"}, 3000,"linear")
                     .animate({top:"18%", left:"30%"}, 3000,"linear")
                     moveOne()
 
}
$(function(){
    moveOne()
    })

Mais la logique du callback m'echappe, car si je mets le rappel de la focntion dans le dernier mouvement en callback, cela ne fonctionne pas .

[Bovino]

Une erreur de débutant Spaffy !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.animate({top:"-=10px", left:"+=25px"}, 3000,"linear", moveOne())

Là, tu appelles le résultat de l'exécution de moveOne à la fin des animations !
Essaye avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.animate({top:"-=10px", left:"+=25px"}, 3000,"linear", moveOne)

[SpaceFrog]

c'est curieux, j'étais certain d'avoir testé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.animate({top:"-=10px", left:"+=25px"}, 3000,"linear",function(){ moveOne()})

Deuxième erreur de débutant en deux jours ...
C'est le début de la fin, je régresse


Merci Beef