jquery - 使用自动刷新加载和猛扑图像添加

Question

我正在为赞助商添加一个部分，我希望它加载一个随机赞助商图像，然后在大约 2 秒后将其替换为另一个赞助商图像，然后继续猛扑。

有人可以告诉我该怎么做，我认为这是 Jquery 的事情吗？

谢谢您的帮助

Answer 1

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

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上的demo