使用 jQuery 旋转 Div

Question

简单易行的一种。

我试图在 div 内旋转图像，并在到达数组末尾时循环回到第一个图像。有人可以帮我指出我的代码哪里出了问题吗？似乎当它到达第二个图像时，索引永远不会返回到零以再次从数组中的第一个图像开始。

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

    });
});
}

每 5 秒调用一次 setInterval。

 setInterval (rotateImage, 5000);

非常感谢！

Answer 1

您需要在使用索引之前检查索引是否超出范围..

function rotateImage()
{

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

那是因为当您的函数被调用并且 index 为 1 时，它将变为 2，然后尝试淡入 images[2] 会失败......