我想加载一个 Jquery Cycle 幻灯片,加载后暂停,直到用户单击“播放”按钮。我是 Jquery 的新手,所以你能给我一个详细的解释和可能的示例代码吗?你可以看到我的幻灯片@www.sessomsphotographics.com
谢谢
您可以将字符串发送'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');
});
效果很好,我最终使用了这个:
// Cycle
$('ul#div_cycle').cycle({
next: '#next',
prev: '#prev',
fx: 'scrollHorz',
timeout: 2000,
delay: -3500,
pause: 1
});
// Pause cycle
$('ul#div_cycle').cycle('pause');
您还可以设置循环选项,使其永远不会以自动前进模式启动。下载 jquery.cycle.all.2.72.js(或一些变体)的副本,并在其中搜索“$.fn.cycle.defaults = {”。将“超时”(第二个选项)设置为零。
您可以在准备就绪时向其发送“暂停”消息:
$(document).ready(function() {
$('.slideshow').cycle('pause');
});
});