Question

中的教程创建了一个jquery图像滑块

我正在尝试为它添加一个自动播放功能，但我似乎无法找到任何方法来做到这一点。我尝试添加一个setInterval函数来从这段代码运行相同的.click函数

$(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");
});
});

但我不确定如何简单地将1添加到li id（＃slide1）到（＃slide4）。

非常感谢任何帮助。谢谢。

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）

将自动播放功能添加到jquery localScroll滑块

1 个答案: