Cycle2自动停止不起作用

Jeremy 发表于 Dev

杰里米

对于最近的项目，我们正在使用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中以编程方式播放而没有“ cycle-slideshow”类：

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

我们正在正确加载JQuery。
在对功能进行了一些研究之后，我尝试将“ true”和“ 1”用于自动停止。
我们还使用了“轮播”和“刷卡Cycle2”库。
我们将同时加载以下库：fancybox 2.1.4，查询，图像加载的jquery.ba-resize，jquery.qtip，jquery.rwdImageMaps，Slimscroll和modernizer。
它正常循环。我们可以基于捕获视口的更改使其停止内联，但是标准自动停止功能不起作用。这是快速的Conole日志捕获（在IE，FF和Chrome之间相同）
[cycle2] --c2 init-- jquery.cycle2.min.js：6
[cycle2]速度：3000（数字）jquery.cycle2.min.js：6
[cycle2]自动停止：true（布尔值）jquery.cycle2.min.js：6
[cycle2]超时：5000（数字）jquery.cycle2.min.js：6
[cycle2] autoHeight：容器（字符串）jquery.cycle2.min.js：6
[cycle2]幻灯片：> li（字符串）jquery.cycle2.min.js：6
它展示了原始HTML模式下具有静态内容的相同行为
此外，我已经通过JS Lint运行了随页面启动的所有JS。

任何帮助/建议表示赞赏。谢谢你的时间。

Jammykam

假设您使用的是Malsup的Cycle2插件，则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);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。