点击jQuery循环播放幻灯片，然后暂停播放

我正在使用jQuery Cycle插件创建文本“扰码器”：“循环器”div使用单个文本句子加载，该文本语句不会更改。然后在单击一个按钮时，文本应该（a）快速循环所有其他文本字符串，并（b）在不同的（随机）文本字符串上1秒后自动停止。再次单击该按钮应重复该效果，每次停留在不同的文本片段上。点击jQuery循环播放幻灯片，然后暂停播放

这是我的代码。我正在避免autostop和autostopcount，因为我认为Cycle中的“停止”会破坏幻灯片的实例，并且不容易重新启动。我想，我只是想暂停和恢复幻灯片播放

// Configure cycle slideshow 
    $('#cycler').cycle({ 
     fx: 'none', 
     speed: '1', 
     timeout: '10', 
     random:1, 
    }).cycle('pause'); // Pause the slideshow immediately

我可以配置一个虚拟链接手动暂停/恢复每个幻灯片点击，没有任何问题：

// Toggle slideshow when clicking button 
    $('#cycler-switch').click(function(){ 
     $('#cycler').cycle('toggle'); 
     return false; 
     });

但因为我想自动暂停幻灯片放映时，按钮1秒后被点击，我改变上面的代码为以下：

// Play then Pause 
    $('#cycler-switch').click(function(){ 
     $('#cycler').cycle('toggle').delay(1000).cycle('toggle'); 
     return false; 
     });

不幸的是这具有的效果是幻灯片甚至不会点击开始播放。

任何想法？出于某种原因，我应该使用setTimeout而不是.delay（）吗？谢谢。

来源

2011-11-15 James Muspratt

不回答这个问题，但经过

random:1,

IE就会大发脾气摆脱逗号！

来源

2011-11-15 16:37:23

谢谢 - 好点。 –

点击jQuery循环播放幻灯片，然后暂停播放

回答

相关问题