Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery循环插件在第一次循环后的第一张幻灯片上停止_Javascript_Jquery_Loops_Slider_Cycle - Fatal编程技术网

Javascript jQuery循环插件在第一次循环后的第一张幻灯片上停止

Javascript jQuery循环插件在第一次循环后的第一张幻灯片上停止,javascript,jquery,loops,slider,cycle,Javascript,Jquery,Loops,Slider,Cycle,我正试图通过once+1播放幻灯片。为了实现这一点,我设置了播放幻灯片一次的选项,然后在幻灯片结束后,继续播放第一张幻灯片,然后停止 我觉得我的代码应该可以工作,而且大部分都可以。幻灯片将在所有幻灯片中播放,然后继续播放第一张幻灯片的动画,但有一点需要注意:幻灯片寻呼机“活动”项不会随幻灯片一起更新。出于某种原因,最后一项是保持活动状态的项 以下是我使用的代码: $('.slides_container').after('<div id="slides-nav" class="pagina

我正试图通过once+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');  
    }
});
$('.slides_container')。在('')之后。循环({
fx:'向左滚动',
//选择您的过渡类型,例如:淡入淡出、向上滚动、洗牌等。。。
停顿:是的,
寻呼机:“#幻灯片导航”,
速度:500,,
超时:500,
自动停止:是的,
结束:功能(选项){
$('.slides_container')。循环('resume')。循环('0')。循环('stop');
}
});
为了便于测试,我将速度和超时设置为500

编辑-太好了。我创建了一个JSFIDLE来演示。但它的工作原理与我实际项目中的不一样。幻灯片放映结束后,似乎根本不会循环播放。就这么多了


无论如何,我的问题仍然存在。请随时使用来帮助我。

问题已解决!在我的例子中,我必须计算直接子元素
div
元素,因为我使用的是背景图像。但是为了演示,在中,我们寻找
img
元素

如您所见,我们刚刚计算了直系子代的数量,并在计数中添加了1,然后将其定义为我们的
autostopCount
选项


autostopCount:$(“#banner>img”).length+1

您可能需要建立一个answers@Alexander-谢谢,我做了一把小提琴。虽然它的工作原理与我实际项目中的插件不同,但令人失望。然而,问题仍然是这样或那样。