Bonjour,
je débute en JS et j’essaie de créer un script pour faire un diaporama automatique.

J'ai bien réussi à le créer sauf que maintenant j'aimerai faire un fondu sur entre chaque image.

Voici mon script :
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
 
var num = 0;
function diapHome(bloc) {
	if( num != 4 ) {
		num = num + 1;
	}
	else {
		num = 1;
	}
	document.getElementById(bloc).style.backgroundImage = "url(img/bgBandeau" + num + ".jpg)";
}
/*function bkgFadeOut(){
	$('#bandeau1').fadeOut();
}
function bkgFadeIn(){
	$('#bandeau1').fadeIn();
}*/
setInterval( function(){ diapHome("bandeau1") }, 10000 );
/*setInterval(function(){bkgFadeOut();}, 9900);
setInterval(function(){bkgFadeIn();}, 10000);*/
Comme vous pouvez le constater, j'ai essayé une solution avec fadein/fadeout mais qui est moche (on voit le fond entre chaque image...).

Merci pour votre aide !