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）.ready（）函数的末尾：

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

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

1 个答案: