Question

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

这是我的代码。我正在避免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（）吗？感谢。

Answer 1

不回答问题，但在

之后删除逗号

random:1,

IE将会合适！

点击播放jquery循环幻灯片，然后在延迟后暂停

1 个答案: