3

对于最近的一个项目，我们使用的是 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。
  • 在对功能进行了一些研究后，我已经尝试了自动停止的“真”和“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
  • 它在带有静态内容的原始 HTML 模式下展示了相同的行为
  • 此外，我已经通过 JS Lint 运行了与页面一起启动的所有 JS。

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

4

1 回答 1

5

假设您使用 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);
});
于 2014-03-10T17:42:06.873 回答