我正在尝试通过一次 + 1 播放我的幻灯片。为了实现这一点,我设置了播放幻灯片一次的选项,然后在结束后恢复到第一张幻灯片,然后停止。
我觉得我的代码应该可以工作,而且大多数情况下都可以。幻灯片播放所有幻灯片,然后继续动画到第一张幻灯片,但需要注意的是:幻灯片寻呼机“活动”项目不会与幻灯片一起更新。由于某种原因,最后一个项目是保持活动状态的项目。
这是我正在使用的代码:
$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({
fx: 'scrollLeft',
// choose your transition type, ex: fade, scrollUp, shuffle, etc...
pause: true,
pager: '#slides-nav',
speed: 500,
timeout: 500,
autostop: true,
end: function(options) {
$('.slides_container').cycle('resume').cycle('0').cycle('stop');
}
});
为了方便测试,我将速度和超时设置为 500。
编辑 - 太好了。我创建了一个 jsfiddle 来演示。但它甚至与我实际项目中的工作方式不同。幻灯片放映结束后,此示例似乎根本没有循环播放。这么多……
一种或另一种我的问题仍然存在。随意使用jsfiddle来帮助我。