Discussion :

[binco]

Bonjour,

J'ai 5 images de classe ".slide" que je veux faire défiler en continu
J'ai crée une fonction bis() pour qu'une fois que l'on atteint la 5ème et dernière image on passe à la 1ere
Le défilement fonctionne pour les 5 premières images mais une fois arrivée à la 5ème le défilement s'arrête
Pouvez vous m'aider?
Cordialement

Code :

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

1
2
3
4
5
6
7
8
9
 
$(function() {
	function bis(){
		$('.slide').first().fadeOut(2000, function suivante() {	
			$(this).next('.slide').fadeOut(2000,suivante);
		});
	};
	setInterval(bis,500);
});

[danielhagnoul]

Bonsoir

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(){ // forme abrégée de $(document).ready(function(){
 
    var bis = function( ){
        $( '.slide' ).fadeIn( 2000 );
 
        var jObj = $( '.slide:first' );
 
        jObj.fadeOut( 2000, $.proxy( suivante, jObj ) );
    }
 
    var suivante = function( ){
        var jObj = this.next( '.slide' );
 
        if ( jObj.length > 0 ){
            jObj.fadeOut( 2000, $.proxy( suivante, jObj ) );
        } else {
            bis();
        }
    }
 
    bis();
});

[binco]

Merci Daniel ça marche

Mais pourquoi setInterval ne fonctionne pas??