jQuery Cycle 2:点击暂停幻灯片

时间:2013-01-09 10:40:33

标签: javascript jquery dom jquery-cycle

我似乎找不到在导航点击状态下暂停jQuery Cycle 2(http://jquery.malsup.com/cycle2)脚本的方法。我想要做的是让幻灯片显示运行,直到用户点击上一个或下一个按钮,滑动到该特定幻灯片然后暂停。

试过这个但没有帮助:

$('.previous').on('click', function() {
    $('.slideshow').cycle('pause');
});

$('.next').on('click', function() {
    $('.slideshow').cycle('pause');
});

不确定上面的引用循环是否实际重新启动了脚本?

1 个答案:

答案 0 :(得分:2)

我已经创建了一个可以帮助你的JSBin。我使用了.toggle()和.click()来提供效果:

每次单击下一个/上一张幻灯片都会转到下一张/上一张幻灯片并暂停,然后再次点击后它会恢复。

http://jsbin.com/inuvav/3

http://jsbin.com/inuvav/3/edit