Défilement d'images en continu

Version imprimable

28/11/2014, 10h43
binco

Défilement d'images en continu
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:

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

Bonsoir

Code:

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

29/11/2014, 14h25
binco

Merci Daniel ça marche

Mais pourquoi setInterval ne fonctionne pas??