我如何讓這個jQuery幻燈片放映？

Question

我正在嘗試製作幻燈片放映作爲我的主頁橫幅。這裏我使用jquery localscroll.js和scrollTo.js插件。

這是我的Javascript -

$(document).ready(function() { 
    $("#slideshow").css("overflow", "hidden"); 
    $("#slideshow-nav").css("visibility", "visible"); 
    $("#slideshow-nav a[href=#oron5]").addClass("active"); 

    $("#slideshow-nav").localScroll({ 
     target:'#slideshow', axis: 'x' 
    }); 

    $("#slideshow-nav a").click(function(){ 
     $("#slideshow-nav a").removeClass("active"); 
     $(this).addClass("active"); 
    }); 
}); 

在這裏，我需要點擊導航按鈕來查看圖像。所以我可以知道，如何在一段時間後自動更改圖像？

這是我的FIDDLE到目前爲止。

任何人都可以幫助我弄清楚這一點。 謝謝。

Answer 1

一個簡單的方法是設置一個時間間隔並使用jQuery的.click（）函數。例如，嘗試。就緒將此代碼添加到您的$（document）的end（）函數：

var count = 2; 
var interval = setInterval(function() { 
    if(count > 5) { 
     clearInterval(interval); 
    } 
    $("#slideshow-nav li:nth-child(" + count + ") a").click(); 
    ++count; 
}, 1000);