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/（在左侧的External Resources选项卡中包含了jquery文件）

Answer 1

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

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

Answer 2

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

如何让幻灯片自行滑动？

2 个答案: