定制内循环需要调整

时间:2012-09-13 12:24:04

标签: jquery

是的,所以在我开始提问之前,我已经在jsFiddle;

中设置了代码

右...

  1. 现有6个选项的默认循环没有问题!

  2. 每张幻灯片中都有不同数量的跨度,这些跨度在寻呼机悬停之前一直处于休眠状态。

    1. 您将看到有一个警报,它显示相关幻灯片中的跨距数 - 无法正常工作,因为它似乎不喜欢重置。不需要修复,这仅用于测试目的。
    2. 自动化看起来完全没有跨越,这很好 - 但计时器似乎无法正常工作。
    3. 只有一个跨度的幻灯片似乎不同意if语句n> 1而且无论如何都会循环显示。
  3. 非常感谢任何有助于获得2/3项目的帮助!!!

1 个答案:

答案 0 :(得分: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;
    });
}