Question

我想加载Jquery Cycle幻灯片，并在加载暂停后直到用户单击“播放”按钮。我是Jquery的新手，所以你能给我一个详细的解释和可能的示例代码。你可以看到我的幻灯片@ www.sessomsphotographics.com

谢谢

Answer 1

您可以将字符串'pause'发送到循环插件以暂停它，然后发送'resume'以恢复它。

// start cycle with default options
$('#rotator').cycle();

// immediately pause it
$('#rotator').cycle('pause');

// when the play button is clicked, resume
$('#play-button').click(function (event) {
    event.preventDefault();
    $('#rotator').cycle('resume');
});

Answer 2

您还可以设置循环选项，使其永远不会在自动前进模式下启动。下载jquery.cycle.all.2.72.js（或某些变体）的副本，并在“$ .fn.cycle.defaults = {”中搜索。将“超时”（第二个选项）设置为零。

Answer 3

这很好用，我最终使用了这个：

// Cycle
$('ul#div_cycle').cycle({
    next:    '#next',
    prev:    '#prev', 
    fx:     'scrollHorz', 
    timeout: 2000, 
    delay:  -3500,
    pause: 1
});

// Pause cycle
$('ul#div_cycle').cycle('pause');

Answer 4

您可以在准备好时发送“暂停”消息：

$(document).ready(function() {                     
    $('.slideshow').cycle('pause'); 
    });
});

Jquery Cycle Plugin：如何在加载时暂停幻灯片放映

4 个答案: