对于最近的一个项目,我们使用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');
}
});
感谢任何帮助/建议。谢谢你的时间。
假设您使用的是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);
});