javascript - 如何让幻灯片自己滑动？

Question

所以我有这个问题。我有一个页面，其中包含不会自行滑动的幻灯片，我希望它们会滑动。这是代码http://jsfiddle.net/tUUPN/3/

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

});

编辑

我更新了 jsfidde http://jsfiddle.net/tUUPN/10/ （在左侧的外部资源选项卡中包含 jquery 文件）

Answer 1

我建议使用jQuery 的 Animate() 方法来产生滑动效果。您可以在同一页面上阅读 API 和示例。

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

Answer 2

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