... pas.

Bonjour,

j'ai créé un carousel qui marche nickel, et j'ai voulu aller un peu plus loin en créant une petite animation qui montre combien de temps il reste pour que le prochain slide n’apparaisse.

Voici la structure du code :

function next () { // fonction qui s'occupe de l'animation du carousel

loader();
// traitement

}

loader();

function loader() {

console.log("animation");
$("#loader").animate({left:0},5000,callback); // chargement
function callback() {
next(); // prochain slide
console.log("callback");
$("#loader").animate({left:-700},300); // on remet le loader à 0.

}

Mon problème est le suivant : le callback ne se fait pas au premier appel de la fonction loader(); j'ai mis des output console.log pour retracé ce qui se fait ça me fait :
animation
animation
callback
animation
callback

J'ai constaté que premier callback ne se fait pas. Chose bizarre parce que seul l'animation remize à zero ne se fait tandis que next() qui est pourtant dans le callback s'enchaine en boucle sans problème.

J'espère que j'ai pu détailler au mieux mon problème, je m'excuse d'avance si c'est un peu vague.
Merci infiniment d'avance pour votre aide.