Javascript 我该如何制作幻灯片以使其自行滑动？

所以我有这个问题。我有一个页面，上面有幻灯片，但幻灯片本身并没有滑动，我希望它们能够滑动。这是密码

编辑

我更新了JSFIDE（在左侧的外部资源选项卡中包括jquery文件）

我建议使用它来产生滑动效果。您可以在同一页上阅读API和示例

---

您仍然可以应用单击功能等，但在移动/滑动对象时确实需要将动画作为选择的武器。

创建一个方法以转到下一张幻灯片，然后在setInterval中调用该方法。毫秒数决定它触发的频率。如果您想让它停止，请使用clearInterval。

您的小提琴似乎由于各种原因而失败，至少有两个原因是您没有包括jQuery或您的localScroll插件。jQuery.localScroll.js和jQuery.scrollTo.js都包括在内。当我创建这个时，这个示例没有包含自动滑动功能。我想将它添加到我的代码中，但问题是我不知道如何添加

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

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

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

});