有时,我网站上的幻灯片使用淡出和淡入来循环显示三个主要图像,它会淡入一张新照片而不会淡出旧照片。但是,并非每次页面加载时都会发生这种情况。我的网站在这里(幻灯片需要 7 秒才能更改): http ://codersarepeople.com/v2/
我使用的代码是这样的
slideshow = new Array('#slideshow1','#slideshow2','#slideshow3');
var i = Math.floor(Math.random()*3);
$(slideshow[i]).fadeIn(125);
var t = setInterval(function() {
$(slideshow[i%3]).fadeOut(250,function() {
$(slideshow[(i+1)%3]).fadeIn(250);
});
i++;
},7000);