0

所以在我开始提出我的问题之前，我已经在jsFiddle中设置了代码；

正确的...

  1. 现有的6个选项有一个默认循环运行没问题！

  2. 在每张幻灯片中都有不同数量的跨度，这些跨度保持休眠状态，直到它的寻呼机悬停。

    1. 您将看到有一个警报，这会显示相关幻灯片中的跨度数 - 无法正常工作，因为它似乎不喜欢重置。不需要修复，这只是为了测试目的。
    2. 自动化似乎完美地循环通过跨度，这很好 - 但计时器似乎无法正常工作。
    3. 只有一个跨度的幻灯片似乎无视 if 语句 n>1 并且无论如何都会循环播放。

非常感谢任何帮助修复 2/3 的项目！！！

4

1 回答 1

0

别担心，我修好了。

http://benalman.com/projects/jquery-dotimeout-plugin/这有助于解决主要问题，但在 Internet Explorer 中不起作用，因此我使用了浏览器检测。

可以在下面找到工作的 js 以供将来参考。

if ( $.browser.msie ) {
    function nextSlide() {
            var active = $("#slides .activeInner img.active");
            var next   = active.next();
            if (next.length === 0) {
                var next = $('#slides .activeInner img:first');
            }

            active.removeClass('active').css('display','none');
            next.addClass('active').css('display','block');
    }

    setInterval(nextSlide, 5000);
} else {
    $.doTimeout('loop',5000,function() {
        var active = $("#slides .activeInner img.active");
        var next   = active.next();
        if (next.length === 0) {
            var next = $('#slides .activeInner img:first');
        }

        active.removeClass('active').css('display','none');
        next.addClass('active').css('display','block');
        return true;
    });
}
于 2012-09-19T10:37:31.047 回答