Discussion :

[nims]

Bonsoir à tous !

Je souhaite faire monter et descendre un div.
Je voudrais que le div monte après le chargement de la page et qu'il redescende après un laps de temps après.

Il y a donc:
- il monte
- il temporise 10 secondes après être monté
- il redescend

J'ai les fonctions qui monte et qui descend:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this).find('.cover').stop().animate({top:'10%'},{queue:false,duration:500});

suffit de changer le % selon qu'on veuille le faire descendre ou monter...

Mais comment faire la temporisation ?

Merci d'avance

ps: si jamais le code vous parez "sale" n'hésitez pas !

[danielhagnoul]

Bonsoir.

Vous pouvez utiliser « delay() », voir : http://www.developpez.net/forums/d84...n/#post4812854

[nims]

Bonsoir !

C'est justement ce que j'ai essayé de tester mais sans succès...
J'ai essayé de cette façon:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this).find('.cover').delay(2).animate({top:'10%'},{queue:false,duration:500});

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this).find('.cover').stop().animate({delay: 2 , top:'10%'}, {queue:false,duration:500});

Mais rien ne change.
Je ne comprend pas l'utilité du stop()... car il ne change rien non plus (pareil pour le parametre queue)...


----------

Je pensais que ceci marcherai:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 
$(this).find('.cover').stop().animate({top:'10%'},{queue:false,duration:2000},
		function(){
			$(this).find('.cover').stop().animate({top:'94%'},{queue:true,duration:500});
		});

[danielhagnoul]

Bonsoir.

Essayer plutôt (le temps est en millisecondes 1000 = 1s) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).delay(2000).find('.cover').animate({top:'10%'},500});

Et n'oublier pas de recopier le plugin, sinon delay() est inconnu.

[nims]

mais il y a pas de possibilité pour le lancer quand la précédente à fini ? (que ce soit avec ou sans délai...)

delay n'existe pas dans la fonction animate? c'est forcement le plugin ?:s

[danielhagnoul]

mais il y a pas de possibilité pour le lancer quand la précédente à fini ? (que ce soit avec ou sans délai...)

delay n'existe pas dans la fonction animate? c'est forcement le plugin ?:s

C'est un plugin !

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var obj = $(this).find('.cover');
 
obj.animate({top:'10%'},2000, function(){
   obj.delay(2000).animate({top:'94%'},500);
});

Je finis par ne plus savoir exactement ce que vous voulez faire ! C'est en principe du code de niveau débutant en jQuery.