11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je débute en Jquery et je souhaiterais lancer 2 traitements, l'un après l'autre, le second devant débuter après la fin du premier

Voici mon code, tout simple


$(document).ready(function(){
	$(".image").css("opacity", "0.0").toggle(200).animate({opacity:1.0},{queue:false,duration:1000});	
	$(".legende", this).stop().animate({left:'535px'},{queue:true,duration:1060});				
});

Pour l'instant les deux traitement se lancent en parallèle. Ma gestion de queue est elle correcte ?
Que dois je indiquer pour que le deuxième traitement s'exécute après la fin du premier ?
Modifié par Babali (18 Mar 2011 - 17:20)
Salut,

Utilises les fonctions de callback !


$(document).ready(function(){ 
    $(".image").css("opacity", "0.0").toggle(200).animate({
        opacity:1.0
    },1000, function()   {
        $(".legende").animate({
            left:'535px'
        },1000);
    });                    
}); 

Modifié par JuJu57 (18 Mar 2011 - 14:45)