Discussion :

[nims]

Bonsoir à tous !!

J'affiche une div lorsque le visiteur se place sur une div.
Je voudrais que l'affichage en soit pas instantané.

C'est à dire:
- le visiteur se place sur la div
- tempo de 2secondes
- déclenche le hover

Voici mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
	$('.box').hover(function(){
                (...)
 
		$(this).find('.arrow_crea').wait().animate({opacity: 0}, 400);
			$(this).find('.cover').stop().animate({top: h+'%',queue:false,duration:400});
		}, function() {		
			$(this).find('.arrow_crea').stop().animate({opacity: 1}, 1000);
			$(this).find('.cover').stop().animate({top:'85%'},{queue:false,duration:1000, easing:'easeOutBounce'});
		}
	 );

j'ai essayé avec: wait(), le plugin pause, le plugin delay, le plugin wait()

Mais sans succès le code ne fonctionne plus quand je test. Alors alors il ne se passe rien de plus...

Une idée? autre solution?

Merci d'avance

[danielhagnoul]

Bonsoir.

jQuery 1.4 incorpore la fonction delay : http://api.jquery.com/delay/

Code :

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

1
2
 
$(this).find('.arrow_crea').delay(2000).animate({opacity: 0}, 400);