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]会失败...

使用jQuery旋转Div

1 个答案: