循环2自动停止不工作

Question

对于最近的一个项目，我们使用Cycle2。我已升级到最新版本。我们正在使用Sitecore呈现内容。无论我采取何种方法（见下文），我都无法使autostop正常工作。我们每个幻灯片放映有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”。
• 我们也在使用转盘和刷卡循环库。
• 我们同时加载以下库：fancybox 2.1.4、查询、图片加载jquery.ba-resize、jquery.qtip、jquery.rwdImageMaps、Slimscroll和现代化程序。
• 它正常循环。我们可以让它基于捕获视口的更改内联停止，但是标准的自动停止不起作用。这里是一个快速的concole日志捕获（IE，FF和Chrome之间相同）
• [cycle2]--c2 init--jquery.cycle2.min.js： 6
• [cycle2]速度： 3000（人数）jquery.cycle2.min.js： 6
• [cycle2]自动停止：true（boolean）jquery.cycle2.min.js： 6
• [cycle2]超时： 5000（数字）jquery.cycle2.min.js： 6
• [cycle2]自动高度：容器（字符串）jquery.cycle2.min.js： 6
• [cycle2]幻灯片：

感谢任何帮助/建议。谢谢你的时间。

Answer 1

假设您使用的是Malsup的Cycle2插件，那么API文档中不包含名为autostop的选项。也许您指的是循环选项？

循环

整数
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);
});