Discussion :

[MistyMan]

Bonjour
Je voudrais faire un fondu enchaîné infini

j'ai mis dans une div 2 images au même endroit Img02 qui vient couvrir Img01
et voilà mon bout de code :

Code :

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

1
2
3
4
5
 
 $(document).ready(function(){  
     $("#Img02").fadeOut(5000);
     $("#Img02").fadeIn(5000); 
   });

Comment faire pour le répéter indéfiniment ?

Merci d'avance

Cordialement

[danielhagnoul]

Bonsoir.

Les navigateurs se bloquent et signalent une erreur lorsqu'un script dure trop longtemps.

Sinon, un simple

Code :

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

1
2
3
while(true){
   $("#Img02").fadeOut(5000).fadeIn(5000);
};

ferait l'affaire.

On peut contourner la difficulté en utilisant setInterval :

Code :

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

1
2
3
4
5
6
7
8
9
function fadingImage(){
	$("#Img02").fadeOut(5000).fadeIn(5000);
}
 
$(function(){
	fadingImage();
 
	window.setInterval(fadingImage,10050);
});

[MistyMan]

Je vais tester cette solution.
Merci encore