jQuery Cycle Plugin 在第一个循环后在第一张幻灯片上停止答案

【问题标题】：jQuery Cycle Plugin stop on first slide after first loopjQuery Cycle Plugin 在第一个循环后在第一张幻灯片上停止
【发布时间】：2023-03-29 03:42:01
【问题描述】：

我正在尝试播放幻灯片一次 + 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 来演示。但它甚至与我实际项目中的工作方式不同。幻灯片结束后，This example 似乎根本没有循环播放。这么多……

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

【问题讨论】：

您可能想建立一个fiddle 以获得一些答案
@Alexander - 谢谢我创造了一个小提琴。虽然它与我实际项目中的插件不同，但令人失望。但是，问题仍然以某种方式保持不变。

标签： javascript jquery loops slider cycle

【解决方案1】：

问题解决了！在我的情况下，我必须计算直接子 div 元素，因为我使用的是背景图像。但是为了演示，我们在this jsfiddle 中寻找img 元素。

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

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

【讨论】：