Rotation Divs avec jQuery

Question

Simple facile.

J'essaie de faire pivoter l'image à l'intérieur des divs et de revenir au premier lorsque la fin de ma matrice a été atteinte. Quelqu'un peut-il m'aider s'il vous plaît me signaler où je vais mal dans mon code ici? Il semble que quand il arrive à la deuxième image, l'index ne retourne jamais à zéro pour commencer à nouveau avec la première image dans mon tableau.

var images = new Array ('.advert1', '.advert2'); 
var index = 0; 

function rotateImage() 
{ 

$(images[index]).fadeOut('fast', function() 
{ 
    index++;   

    $(images[index]).fadeIn('fast', function() 
    { 

     if (index == images.length-1) 
     { 
      index = 0; 
     } 

    }); 
}); 
} 

Ceci est appelé avec un setInterval toutes les 5 secondes.

setInterval (rotateImage, 5000); 

Merci beaucoup!

Answer 1

Vous devez vérifier si l'indice a brisé hors limites avant de l'utiliser ..

function rotateImage() 
{ 

    $(images[index]).fadeOut('fast', function() 
    { 
     index++; 
     if (index == images.length) 
      { 
       index = 0; 
      } 
     $(images[index]).fadeIn('fast'); 
    }); 
} 

qui est parce que quand votre fonction et se est appelé index était 1, il serait venu 2 puis essayer de disparaître dans le images[2] qui échouerait ...