Discussion :

[Tragnee]

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 :

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

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

[danielhagnoul]

Bonsoir.

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

Code :

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

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

[Tragnee]

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