提问者:小点点

循环2自动停止不工作


对于最近的一个项目,我们使用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]幻灯片:

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


共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);
});