我的图像滑块的JS代码存在一些问题。图像位于3个div中(第一个具有类“0”,第二个具有类“1”,第三个具有类“2”)。
<img src="img1.jpg" class="0">
<img src="img2.jpg" class="1" style="display:none;">
<img src="img3.jpg" class="2" style="display:none;">
和JS代码。
$(document).ready(function(){
var current = 0;
function g(){
var next = (current+1)%3;
$("."+current).fadeOut(500, function(){
$("."+next).fadeIn(500);
});
document.getElementById("a").innerHTML = next+1;
current=next;
}
var rip = window.setInterval(function(){
g();
}, 1000);
});
问题在于:当我在浏览器中切换选项卡然后返回此页面时,我看到其他图像实际上是在幻灯片下!并且,在2张幻灯片之后,它们消失了!