Animation en losange qui se décale [Résolu]

[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 :

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 :

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 :

.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 :

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

[SpaceFrog]

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

Code :

.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