jquery - 我如何制作这个 jquery 幻灯片放映？

Question

我正在尝试将幻灯片放映作为我的主页横幅。这里我使用 jquerylocalscroll.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).ready() 函数的末尾：

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