FadeOut en continu et non en parallèle

Version imprimable

Bonjour à tous,

j'ai 5 images sur ma page et j'aimerais les faire disparaitre (FadeOut) les unes après les autres... lorsque je fais le code suivant, elles disparaissent toutes en même temps...

Vu que je début en JQuery, je fais appel à vos lumières.
Code:

1 2 3 4 5 6 7 8 $(document).ready(function(){ $("#bt_droite").click(function () { $("#photo5").fadeOut("slow"); $("#photo4").fadeOut("slow"); $("#photo3").fadeOut("slow"); $("#photo2").fadeOut("slow"); $("#photo1").fadeOut("slow"); }); });
Merci de votre aide,
Mike

Bonsoir.

Je vois deux possibilités, la seconde pour jQuery 1.4.2 uniquement :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(function(){
	$("#btn1").click(function(){				
		$("#photo5").fadeOut("slow", function(){
			$("#photo4").fadeOut("slow", function(){
				$("#photo3").fadeOut("slow", function(){
					$("#photo2").fadeOut("slow", function(){
						$("#photo1").fadeOut("slow");
					});
				});
			});
		});
	});
 
        // 500 = 0.5s 
	$("#btn2").click(function(){				
		$("#photo5").fadeOut(500);
		$("#photo4").delay(500).fadeOut(500);
		$("#photo3").delay(1000).fadeOut(500);
		$("#photo2").delay(1500).fadeOut(500);
		$("#photo1").delay(2000).fadeOut(500);
	});
});

25/04/2010, 20h51
Tragnee

Un tout grand merci, cela fonctionne... J'ai personnellement utilisé la seconde solution !