如何阻止许多元素的循环

时间:2011-07-07 10:10:16

标签: jquery jquery-plugins

我有这种jquery循环处理2个元素(#rotator1,#rotator2):

    $("#rotator1, #rotator2").cycle(
        {
            fx: 'fade',
            sync: 1,
            speed: 800,
            prev: '#headerButtonBack',
            next: '#headerButtonNext',                
            timeout: 4000,
            pause: 1
        }
    );

我想,当用户使用鼠标(mouseover)在#rotator1上时,也会阻止#rotator2的循环。

有可能吗?怎么样?感谢

2 个答案:

答案 0 :(得分:1)

给两个幻灯片显示某个类(我使用过图片);

在悬停时,您可以执行以下操作:

$('#rotator1, #rotator2').hover(function() {
    $('.pics').cycle('pause'); return false;
}, function() {
    $('.pics').cycle('resume'); return false;
 });

有一个jsfiddle: http://jsfiddle.net/psxgT/1/

答案 1 :(得分:1)

您是否阅读了documentation

此处提到,当您将暂停的值设置为1 时,它将启用“暂停时暂停”

如果默认提供某些功能,则不应编写自己的代码。

最佳。