Question

我已将此基本轮播添加到网站但无法在任何可添加幻灯片效果的代码中找到代码。目前，您必须单击圆圈才能在幻灯片中移动，但我希望在10秒后自动完成此操作。

http://sorgalla.com/jcarousel/examples/basic/

任何帮助将不胜感激。我是jQuery的初学者，所以请放轻松。

Answer 1

$(function() {
    $('.jcarousel')
        .jcarousel({
            // Core configuration goes here
        })
        .jcarouselAutoscroll({
            interval: 3000,
            target: '+=1',
            autostart: true
        })
    ;
});

Answer 2

我希望这个jcarousel插件可以帮助你完成你的工作。 Autoscroll Plugin

Answer 3

我认为你可以使用Autoscroll plugin。

jCarousel Autoscroll Plugin提供自动滚动支持的jCarousel。

配置：http://sorgalla.com/jcarousel/docs/plugins/autoscroll/reference/configuration.html

代码：

$(function () {

    $('.jcarousel').jcarousel();

    $('.jcarousel').jcarouselAutoscroll({
        interval: 1000,
        target: '+=1'
    })
});

演示：http://jsfiddle.net/IrvinDominin/2Kspn/

更新

对于无限循环轮播使用circular的{{3}}选项：

指定是否在第一个或最后一个项目（或两个项目）进行换行并跳转回到开始/结束。选项是“第一”，“最后”，“两者”或 “圆形”作为字符串。

演示：wrap

jQuery轮播 - 如何自动化幻灯片

3 个答案:

更新