Question

我正在使用第2周期，并且无法让周期重新开始。我有一组div。其中一个是包装视频，另外两个是图像。我的父包装器具有以下内容：

<div id="hero-wrapper" class="cycle-slideshow"
   data-cycle-fx="scrollHorz"
   data-cycle-timeout="0"
   data-cycle-prev="#prev"
   data-cycle-next="#next"
   data-cycle-slides="> div"
   >

我有一些js来绑定视频的结尾：

$(document).ready(function(e) {
$("#hero-video_html5_api").bind("ended", function() {
 $('.cycle-slideshow').cycle('next');

这会播放视频后调用下一张幻灯片。但是，它不会继续循环。它停在这里。我尝试添加'reinit'，'resume'等等。但是，这些似乎都没有让幻灯片继续播放。有什么想法吗？

Answer 1

试试这个：

将data-cycle-paused设为true
将data-cycle-timeout设置为5000或其他合理值
可能将data-cycle-loop设置为1，以便在上次幻灯片后停止

这将在页面加载时创建处于暂停状态的幻灯片。您可以在必要时使用.cycle("resume")恢复，在这种情况下，超时和循环设置将按预期工作。

Answer 2

尝试：

$('.cycle-slideshow').cycle({
  continueAuto: true 
});

暂停后循环2播放

2 个答案: