jQuery Cycle插件在第一個循環後停在第一張幻燈片上

我試圖通過一次播放我的幻燈片。1.爲了達到這個目的，我設置了我的選項來播放幻燈片一次，然後結束後恢復到第一張幻燈片，然後停止。jQuery Cycle插件在第一個循環後停在第一張幻燈片上

我覺得我的代碼應該可以工作，而且大部分都是這樣。幻燈片將播放所有幻燈片，然後再繼續爲第一張幻燈片生成動畫，但需要注意一點：幻燈片播放器的「活動」項目不會與幻燈片一起更新。由於某種原因，最後一個項目是保持活動的項目。

下面是我使用的代碼：我給自己定的速度和超時500只是爲了簡單的測試

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({ 
    fx: 'scrollLeft', 
    // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
    pause: true, 
    pager: '#slides-nav', 
    speed: 500, 
    timeout: 500, 
    autostop: true, 
    end: function(options) { 
     $('.slides_container').cycle('resume').cycle('0').cycle('stop'); 
    } 
});

。

編輯 - 太好了。我創建了一個jsfiddle來演示。但它甚至不像我實際項目中的一樣。一旦幻燈片播放結束，This example似乎不會循環播放。這麼多...

這樣或那樣的問題仍然存在。隨意使用jsfiddle來幫助我。

來源

2013-01-15 norsewulf

您可能要忍受一個一起[小提琴]（http://jsfiddle.net/）得到一些答案 – Alexander

@Alexander - 感謝我創建了一個小提琴。雖然它不像我實際項目中的插件一樣工作，但令人失望。然而問題仍然是這樣或那樣。 – norsewulf

問題解決了！在我的情況下，我不得不計數直接子div元素，因爲我使用的是背景圖像。但爲了演示，在this jsfiddle中，我們正在尋找img元素。

正如您所看到的，我們剛剛計算了直接孩子的數量並將其加1，然後將其定義爲我們的autostopCount選項。

autostopCount: $('#banner > img').length+1

來源

2013-01-15 21:30:45 norsewulf

jQuery Cycle插件在第一個循環後停在第一張幻燈片上

回答

相關問題