Javascript jQuery循环插件在第一次循环后的第一张幻灯片上停止
我正试图通过once+1播放幻灯片。为了实现这一点,我设置了播放幻灯片一次的选项,然后在幻灯片结束后,继续播放第一张幻灯片,然后停止 我觉得我的代码应该可以工作,而且大部分都可以。幻灯片将在所有幻灯片中播放,然后继续播放第一张幻灯片的动画,但有一点需要注意:幻灯片寻呼机“活动”项不会随幻灯片一起更新。出于某种原因,最后一项是保持活动状态的项 以下是我使用的代码:Javascript jQuery循环插件在第一次循环后的第一张幻灯片上停止,javascript,jquery,loops,slider,cycle,Javascript,Jquery,Loops,Slider,Cycle,我正试图通过once+1播放幻灯片。为了实现这一点,我设置了播放幻灯片一次的选项,然后在幻灯片结束后,继续播放第一张幻灯片,然后停止 我觉得我的代码应该可以工作,而且大部分都可以。幻灯片将在所有幻灯片中播放,然后继续播放第一张幻灯片的动画,但有一点需要注意:幻灯片寻呼机“活动”项不会随幻灯片一起更新。出于某种原因,最后一项是保持活动状态的项 以下是我使用的代码: $('.slides_container').after('<div id="slides-nav" class="pagina
$('.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');
}
});
$('.slides_container')。在('')之后。循环({
fx:'向左滚动',
//选择您的过渡类型,例如:淡入淡出、向上滚动、洗牌等。。。
停顿:是的,
寻呼机:“#幻灯片导航”,
速度:500,,
超时:500,
自动停止:是的,
结束:功能(选项){
$('.slides_container')。循环('resume')。循环('0')。循环('stop');
}
});
为了便于测试,我将速度和超时设置为500
编辑-太好了。我创建了一个JSFIDLE来演示。但它的工作原理与我实际项目中的不一样。幻灯片放映结束后,似乎根本不会循环播放。就这么多了
无论如何,我的问题仍然存在。请随时使用来帮助我。问题已解决!在我的例子中,我必须计算直接子元素
div
元素,因为我使用的是背景图像。但是为了演示,在中,我们寻找img
元素
如您所见,我们刚刚计算了直系子代的数量,并在计数中添加了1,然后将其定义为我们的autostopCount
选项
autostopCount:$(“#banner>img”).length+1
您可能需要建立一个answers@Alexander-谢谢,我做了一把小提琴。虽然它的工作原理与我实际项目中的插件不同,但令人失望。然而,问题仍然是这样或那样。