如何與這個幻燈片

自動播放我有這個幻燈片。你可以看到演示：http://jsfiddle.net/handoi912/Yh6Lp/如何與這個幻燈片

現在，我想的幻燈片自動播放，我不能。請幫幫我！謝謝！

<script type="text/javascript"> 
    $(function() { 
     $('#cn-slideshow').slideshow(); 
    }); 
</script>

來源

2013-08-06 Anh Tuấn

如果從幻燈片（什麼腳本您使用的）？你應該在你的jsfiddle中分離你的JavaScript和HTML;左下角象限用於JavaScript，左上角用於HTML。 –

如何使用trigger來觸發下一個按鈕的點擊事件。您可以保持原來的幻燈片保持原樣。

你會在文件準備運行這個命令：

setInterval(function(){ 
    $('.cn-nav-next').trigger('click');}, 
3000);

你可以看到它在這裏的行動： http://jsfiddle.net/burnsjeremy/SrkzD/

編輯：我的第一個答案是困擾了我一點，所以我更新了它分開出一些代碼。我還添加了一個鼠標懸停功能，以停止自動播放功能，直到鼠標移出爲止。你可以看到在這裏的行動：http://jsfiddle.net/burnsjeremy/pHrvJ/

代碼從編輯，這將使幻燈片停止，因此用戶可以通過像正常的幻燈片翻頁。

var intervalStart = setInterval(function() { 
    $('.cn-nav-next').trigger('click'); 
}, 
3000); 
// Stop slideshow on mouseover, and mouseout start back 
$('#cn-slideshow').mouseover(function(){ 
    clearInterval(intervalStart); 
}).mouseout(function(){ 
    intervalStart = setInterval(function(){ 
     $('.cn-nav-next').trigger('click'); 
    }, 3000) ; 
})

這應該是很多讓你開始輕鬆解決這個問題。謝謝！

來源

2013-08-06 02:35:40 burnsjeremy

謝謝！對不起，因爲我沒有爲你投票！ :(P/S：我的英語不是很好：（（ –

雖然這部作品開始在頁面加載的幻燈片，它可以防止正常的幻燈片的行爲，所以我不認爲這是最好的解決方案。例如，如果用戶點擊前面。按鈕我們可以合理地假設他們要麼朝着這個方向移動（前一個），要麼移動一個而不移動 - 這會讓它向前移動。我遇到的大多數幻燈片插件都具有自動播放功能（或超時或這需要該行爲考慮一些其他的名字）。我認爲最好的辦法是找出正在使用的插件，並查看它是否提供了該選項。 –

我不明白，我補充說，停止編輯小提琴幻燈片顯示在鼠標懸停上，所以它不會干擾用戶交互（只在Chrome瀏覽器上測試過，但應該可以在大多數瀏覽器上運行），並在鼠標懸停時重新啓動。您是否應該重新開始並按照用戶瀏覽的方向前進圖片ES？我瀏覽了幻燈片代碼，並沒有自動播放，儘管它可以擴展爲自動播放，我不認爲這是問題的範圍。 – burnsjeremy

如何與這個幻燈片

回答

相關問題