parametre queue dans animate

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:

---

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 !

Bonsoir.

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

Bonsoir !

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

Code:

---

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

---

et

Code:

---

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:

---

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}); });

---

Bonsoir.

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

Code:

---

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

---

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

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

Citation:

---

Envoyé par 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

---

C'est un plugin !

Exemple :

Code:

---

1 2 3 4 5

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

---

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

merci, ça marche...
en même temps je découvre tout juste jquery et j'ai pas trouvé beaucoup de cours la dessus...

j'ai du mal avec la synthaxe.
Par exemple, ici, je pense que je peux écrire cela :

Code:

---

1 2 3

var obj = $('.cover');

---

Et pour la fonction delay j'ai vu dans la doc que animate l'avait ( animate({delay: 2000}) ) donc je comprend pas pourquoi utiliser le plugin (même si il a l'air très bien).

A propos du plugin, apparement on ne peut pas l'utiliser "comme on veut".
J'ai fait quelques tests et ça ne fonctionne pas.
Sur leur doc:

Code:

---

1 2	$(selector).delay(5000).fadeOut('slow');

---

Si j'utilise le plugin activebar2:

Code:

---

1 2	$('<div></div>').html('Mon texte').activebar().delay(2000).hide();

---

Parait ne pas fonctionner. Et ceci fonctionne:

Code:

---

1 2 3

$('<div></div>').html('Mon texte').activebar(); $('<div></div>').html('Mon texte').activebar().hide();

---

...