0

我正在为幻灯片库使用以下脚本,它应该每 10 秒一个接一个地旋转几张照片。

在我将 Firefox 升级到 13.0.1 版之前,它一直有效(在 FF 中)。

目前,如果它运行了一段时间,那么它就会变得一团糟——它忽略了计时器,只旋转了 2 张图片,而完全忽略了其他 3 张。

如何解决此问题并使脚本更健壮?

谢谢!!!

function slideSwitch() {
    var $active = $('#slideshow div.active');

    if ( $active.length == 0 ) $active = $('#slideshow div:last');

    //  pull the divs in the order they appear in the markup
    var $next =  $active.next().length ? $active.next() : $('#slideshow div:first');
    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 3000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    var timer = setInterval( "slideSwitch()", 10000 );

        $('#slideshow').hover(
                function () {
                    clearInterval(timer);   
                },  
                function () {
                    timer = setInterval("slideSwitch()", 10000);            
                }
        ); 

});

我通过以下方式在 html 中调用 jquery:

                    <div id="slideshow">
                        <div class="active">
                            <img src="/images/slideImages/1.jpg" alt="xxx 1" title = "xx 1"/>
                        </div>
                        <div>
                            <img src="/images/slideImages/2.jpg" alt="xxx 2" title="xx 2" />
                        </div>
                        <div>
                            <img src="/images/slideImages/3.jpg"  alt="xxx 3" title="xx 3" />
                        </div>
                        <div>
                            <img src="/images/slideImages/4.jpg"  alt="xx 4" title="xx 4"  />
                        </div>
                        <div>
                            <img src="/images/slideImages/5.jpg"  alt="xxx 5" title="xx 5"  />
                        </div>
                    </div>
4

1 回答 1

0

确保您的标签类型是“javascript”

Firefox 不像 chrome 和 safari 那样理解“jscript”

于 2012-07-09T13:44:48.157 回答