切换标签时jQuery中的图像滑块被破坏了吗?

时间:2013-02-24 19:56:45

标签: javascript html jquery slider

我的图像滑块的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张幻灯片之后,它们消失了!

0 个答案:

没有答案