Discussion :

[BeUnderway]

Bonjour tout le monde !

Je chercher à faire une série d'animations en utilisant animate.css (http://daneden.github.io/animate.css/) sans événement particulier, ce sont juste des animations pour dynamiser la page. Donc le concept c'est de faire des FadeInRight/FadeOutRight d'images différentes qui se remplacent en boucle.
Donc je sais que je dois utiliser setInterval pour la boucle, mais en changeant la classe de l'image pour qu'elle sorte du cadre (et donc ensuite la remplacer par une autre en fadeInRight) je bloque déjà, ça ne fonctionne pas, quelqu'un pour m'éclairer ? Une fonction pour rafraichir et "activer" la nouvelle animation ou quoi ? Ou bien des fonctions Js permettant des FadeIn/fadeout de droite ou de gauche Sachant que je suis une newbie en Javascript..

Merci d'avance

[SylvainPV]

Si c'est pas trop demander, on peut avoir droit à quelque-chose de plus précis que "ça ne fonctionne pas", éventuellement un bout de code ?

[BeUnderway]

Oui, désolée bien sur voilà :
http://jsfiddle.net/LittleNem/q1vcgLav/5/
J'avoue que j'attendais d'avoir un code plus consistant que ($element).className=xxxxx; à montrer

[SylvainPV]

Voilà c'est débuggué : http://jsfiddle.net/q1vcgLav/11/

Tu mélangeais des éléments jquery avec des éléments non-jQuery (getElementById). Le passage de callback au animationEnd n'était pas bon, tu dois passer une fonction et non pas un appel de fonction (sinon ça s'exécute immédiatement). Enfin il fallait retirer les classes précédentes avant d'en ajouter de nouvelles.

[BeUnderway]

Paah !
ça parait tellement évident dis comme ça... Et tellement clairement expliqué, Merci beaucoup !!!!

[BeUnderway]

J'ai rassemblé le one() removeClass() et addClass() dans une fonction, j'aimerais faire une pause entre le fadeInRightBig et fadeOutRightBig donc j'ai trouvé delay() mais il ne fonctionne que lorsque qu'il y a une "queue" d'action si j'ai bien compris et la seule que je vois c'est lorsque l'on fait removeClass() et addClass() (qui sont dans la fonction majClass() ) donc pour moi le delay() se mettrait soit entre removeClass () et addClass() soit avant removeClass() mais aucun des 2 ne va..
J'ai aussi trouvé setTimeout mais no succes non plus ><

C'est juste la structure avec la fonction en plus :
http://jsfiddle.net/LittleNem/q1vcgLav/16/

J'ai encore besoin d'explications je crois siouplé...