Cycle2自动停止不工作

Question

对于最近的一个项目，我们使用的是 Cycle2。我已经升级到最新版本。 我们正在使用 Sitecore 来呈现内容。无论我采用何种方法（如下），我都无法让自动停止功能发挥作用。每个幻灯片有 2-3 张幻灯片，我们希望它按以下模式移动：1-2-3-1。

我们是否按照这样的规则将其渲染为自动播放：

<ul class="<%# Sitecore.Context.PageMode.IsPageEditor ? String.Empty : "cycle-slideshow" %> interior" 
                data-cycle-speed="3000" 
                data-cycle-autostop="true"
                data-cycle-timeout="5000" 
                data-cycle-auto-height="container"
                data-cycle-slides="> li" >
                <sc:Placeholder  runat="server" ID="SlidePlaceholder" Key="SlidePlaceholder" /></ul>

或者如果我们让它在没有“循环幻灯片”类的 JS 中以编程方式播放：

$('#my-slideshow').cycle({
    speed: 3000,
    autostop: true,
    timeout: 5000,
    end: function() {
        $('#my-slideshow').cycle('stop');
    }
});

• 我们正在正确加载 JQuery。
• 在做了一些操作后，我尝试了自动停止的 'true' 和 '1' 研究功能。
• 我们还使用 Carousel 和 Swipe Cycle2 库。
• 我们正在同时加载以下库：fancybox 2.1.4、enquire、imagesloaded jquery.ba-resize、jquery.qtip、jquery.rwdImageMaps、Slimscroll 和 modernizer。
• 正常循环。我们可以根据捕获视口的变化让它内联停止，但标准的自动停止不起作用。这是一个快速的 concole 日志捕获（在 IE、FF 和 Chrome 之间相同）
• [cycle2] --c2 init-- jquery.cycle2.min.js:6
• [cycle2] speed: 3000 (number) jquery.cycle2.min.js:6
• [cycle2] autostop: true (boolean) jquery.cycle2.min.js:6
• [cycle2] timeout: 5000 (number) jquery.cycle2.min.js:6
• [cycle2] autoHeight: 容器（字符串）jquery.cycle2.min.js:6
• [cycle2] 幻灯片：> li (string) jquery.cycle2.min.js:6
• 它在带有静态内容的 Raw HTML 模式下展示了相同的行为
• 此外，我已经通过 JS Lint 运行了所有与页面一起启动的 JS。

感谢任何帮助/建议。感谢您的宝贵时间。

Answer 1

假设您使用的是Cycle2 plugin by Malsup，那么documentation for the API 不包含名为autostop 的选项。也许您的意思是loop 选项？

循环

整数
0
自动前进幻灯片的次数 应该在终止之前循环。如果该值小于 1，则 幻灯片将连续循环播放。设置为 1 循环一次，等等。

所以要么：

 <ul ... data-cycle-loop="1" .. /></ul>

或

var $slideshow = $('#my-slideshow');
$slideshow.cycle({
    speed: 3000,
    loop: 1,
    timeout: 5000
});

// jump back to the first slide when loop has finished
// you might have to use setTimeout() to delay the transition back to the first slide
$slideshow.on('cycle-finished', function(event, opts) {
    $slideshow.cycle('goto', 0);
});