Discussion :

[francoisclb]

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 !