1

我有一个带有寻呼机的简单cycle2幻灯片。幻灯片会自动进行（即使用 setspeed和timeout）。我想要实现的是，一旦用户单击寻呼机中的链接，幻灯片就会变成“手动”（自动转换停止），并且从那时起，它只能由寻呼机控制。cycle2 API 文档说有“continueAuto”选项应该可以达到目的。所以我为这个cycle-pager-activated事件做了一个处理程序，如下所示：

$('#fp_slideshow').on('cycle-pager-activated', function(event, opts ) {
    $('#fp_slideshow').cycle({continueAuto: false});
});

该事件按我的预期被调用（在单击寻呼机中的链接时），但调用cycle({continueAuto: false})什么也不做，幻灯片无限播放。我究竟做错了什么？

4

1 回答 1

0

在这种情况下，暂停命令可能更适合您。我尝试使用该cycle-pager-activated事件，但无法使其始终如一地工作，因此将点击处理程序直接附加到寻呼机链接。这是JavaScript：

var $fp_slideshow = $('#fp_slideshow');

$fp_slideshow.cycle({
    pager: '#fp_slideshow_pager',
    pagerTemplate: '<li><a href="">Slide {{slideNum}}</a></li>'
});

$('a', '#fp_slideshow_pager').on('click', function() {
    $fp_slideshow.cycle('pause');
});

这是一个小提琴：http: //jsfiddle.net/N43KH/1/

于 2014-03-30T05:39:48.950 回答