添加自動播放功能的jQuery localScroll滑塊

Question

我從Line 25

我想還添加了一個自動播放的功能，它使使用教程jQuery的圖像滑塊，但我似乎無法找出任何方式完全可以做到這一點。我嘗試添加一個setInterval函數從該代碼

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

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

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

運行相同的。點擊功能，但我不知道如何通過簡單（＃slide4）加1後，李的ID（＃滑件）。

任何幫助將不勝感激。謝謝。

Answer 1

window.slide = 1 
function nextSlide(){ 
    parseInt($(".active").attr("href").replace(/#slide/g,"")) == 4 ? window.slide = 1 : window.slide = parseInt($(".active").attr("href").replace(/#slide/g,"")) + 1; 
    $('#slideshow-nav a[href=#slide'+window.slide+']').click(); 
} 
setInterval(nextSlide,8000); 

上面假設了4張幻燈片。如果您有更多或更少，請更改數字4.更改每8秒滑動一次（8000）