负载＆amp; Swoop Image添加自动刷新功能

Question

我想为赞助商添加一个部分，我希望它能够加载一个随机的赞助商图像，然后用2秒的时间用另一个赞助商图片替换它并继续俯冲。

有人能告诉我怎么做，我会认为这是Jquery的事吗？

感谢您的帮助

Answer 1

将网址保存到数组中的图像，如下所示

var images = [];
var currentImage= 0;
images[0] = "image1.jpg";
images[1] = "image2.jpg";
images[2] = "image3.jpg";

然后使用以下jQuery剪切来每隔几秒刷新一次可以自定义的图像

function changeImage() {
currentImage++;
if(currentImage > 2) currentImage = 0;

$('img').fadeOut(100,function() {
    $('img').attr('src',images[currentImage]);
    $('img').fadeIn(100);
});


setTimeout(changeImage, 2000);
}

$(document).ready(function() {
    setTimeout(changeImage, 2000);        
});

您可以在JS Bin

上查看演示