jquery循环插件：你如何暂停加载幻灯片

Question

我想加载jquery循环幻灯片和加载暂停后，直到用户单击播放按钮。我是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

你可以把它叫做“暂停”的消息对准备：

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

Answer 3

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

Answer 4

这工作不错，我结束了使用此：

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

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