Jquery
Résolu
tom
-
tom -
tom -
Bonjour,
Voici mon bout de code qui me pose problème :
Ce script fonctionne très bien en fait, je voudrais juste savoir comment faire pour lancer le reste du script une fois que l'animation easing est totalement terminée, si toutefois c'est possible (enfin je pense que presque tout est possible avec jquery)
Merci pour votre aide
Voici mon bout de code qui me pose problème :
//ouverture
$(document).ready(function(){
$(".opencrea1").click(function(){
$("#crea1").fadeIn();
$("#imgfoot1").fadeOut();
$("#crea1").animate({
top:[ 240,'easeOutExpo']
}, 800);
// à exécuter une fois l'animation terminée ----- //
$("#imgfoot1").fadeIn("slow");
$("#crea1").css({background:"#fbf9f6"})
});
//-----------------------//
//Fermeture
$(".close").click(function(){
$("#crea1").fadeOut();
});
});
Ce script fonctionne très bien en fait, je voudrais juste savoir comment faire pour lancer le reste du script une fois que l'animation easing est totalement terminée, si toutefois c'est possible (enfin je pense que presque tout est possible avec jquery)
Merci pour votre aide
5 réponses
$("#crea1").animate({
top:[ 240,'easeOutExpo'],
complete : function()
{
$("#imgfoot1").fadeIn("slow");
$("#crea1").css({background:"#fbf9f6"});
}
},
800
);
top:[ 240,'easeOutExpo'],
complete : function()
{
$("#imgfoot1").fadeIn("slow");
$("#crea1").css({background:"#fbf9f6"});
}
},
800
);
merci A.Nonymous, cependant ça ne fonctionne pas, l'animation se déroule bien mais
ne sont pas exécuté.
Voici ce que j'ai fais
$("#imgfoot1").fadeIn("slow");
$("#crea1").css({background:"#fbf9f6"})
ne sont pas exécuté.
Voici ce que j'ai fais
$(document).ready(function(){
$(".opencrea1").click(function(){
$("#crea1").fadeIn();
$("#imgfoot1").fadeOut();
$("#crea1").animate({
top:[ 240,'easeOutExpo'],
complete:function()
{
("#imgfoot1").fadeIn("slow");
("#crea1").css({background:"#fbf9f6"});
}
},
800
); });
ah oui je les avais enlevé pour tester (on sais jamais, je suis pas encore à l'aise avec jquery), je viens de retester avec les $, même résultat.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Trouvé !
$(document).ready(function(){
$(".opencrea1").click(function(){
$("#crea1").fadeIn();
$("#imgfoot1").fadeOut();
$("#crea1").animate({
top:[ 253,'easeOutExpo']
}, 800);
setTimeout("$('#crea1').css({background:'#fbf9f6'});",200);
setTimeout("$('#imgfoot1').fadeIn('slow');",1000);
});
Je ne sais pas si c'est correct mais ça fonctionne à la perfection.
Merci quand même pour ton aide A.Nonymous ;-)
$(document).ready(function(){
$(".opencrea1").click(function(){
$("#crea1").fadeIn();
$("#imgfoot1").fadeOut();
$("#crea1").animate({
top:[ 253,'easeOutExpo']
}, 800);
setTimeout("$('#crea1').css({background:'#fbf9f6'});",200);
setTimeout("$('#imgfoot1').fadeIn('slow');",1000);
});
Je ne sais pas si c'est correct mais ça fonctionne à la perfection.
Merci quand même pour ton aide A.Nonymous ;-)
