停止並啓動jQuery SlideShow

我使用jQuery Cycle plugin來創建圖像幻燈片。現在我想要做的是，假設我在一個容器div中有10個圖像，我想要幻燈片顯示，現在我想停止單擊按鈕上的幻燈片並在開始按鈕單擊時重新啓動它。我的代碼是這樣的，停止並啓動jQuery SlideShow

$("#startbtn").click(function() 
{ 
    $("#slideshow").cycle({fx: 'fade', timeout: 500}); 
}); 
$("#stopbtn").click(function() 
{ 
    $("#slideshow").cycle('stop'); 
});

我點擊停止按鈕停止幻燈片放映。現在，當我想再次開始我的幻燈片演示時，我按下了開始按鈕，現在有趣的是幻燈片演示開始，但只有第一張幻燈片，而第一個容器div的元素會經歷過渡並且幻燈片自動停止任何錯誤。

來源

2012-01-31 wOlVeRiNe

JSFiddle可以在這裏幫助... – gdoron 2012-01-31 14:10:46

如果你去它解釋靠近頁面底部的Jquery Cycle Demo如何手動調整您的停止/啓動設置：

報價：

停止幻燈片

如果您需要停止運行幻燈片，您可以將字符串「stop」傳遞給循環方法。（'＃slideshow'）。cycle（'stop'）;

手動暫停幻燈片

如果您需要暫停/恢復運行的幻燈片演示，你可以把這個字符串「暫停」或「簡歷」的循環方法。（'＃slideshow'）。cycle（'pause'）;

如果仍有問題，那麼所有這些配置都可以在jquery.cycle.all.js（或縮小版本，無論哪個）附近進行編輯。所以下面的代碼：

// override these globally if you like (they are all optional) 
    $.fn.cycle.defaults = {

在底部，你可以定製循環插件，以滿足您的需求。在配置中密切關注這些內容：

autostop: 0, // true to end slideshow after X transitions (where X == slide 
    count) 
    autostopCount: 0, // number of transitions (optionally used with autostop to 
    define 
    X) 
    manualTrump: true, // causes manual transition to stop an active transition 
    instead of being ignored

來源

2012-01-31 17:15:25

停止並啓動jQuery SlideShow

回答

相關問題