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');