javascript - 如何在页面加载的第一个项目之外启动轮播

Question

在某些情况下，我想从 >3 项开始猫头鹰轮播，即默认轮播显示第 3 个数字的项目。我已经看到他们的文档没有这样的自定义选项可用。我怎么能做到这一点。

Answer 1

在own carousel-2：

owl.owlCarousel({
    startPosition: 2
});

Answer 2

上面有jumptTo方法，你可以在创建自己的 carousel 后立即调用它：

$(document).ready(function() {

    var owl = $("#owl-demo").owlCarousel({

        autoPlay: 3000, //Set AutoPlay to 3 seconds

        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]

    });

    // Now move the carousel to the third item.
    owl = $("#owl-demo").data('owlCarousel');
    owl.jumpTo(3);
});

Answer 3

有几种方法可以实现这一目标。

1. 您可以使用 owl-carousel 提供的选项

startPosition 类型：数字/字符串 默认值：0

起始位置或 URL 哈希字符串，如“#id”。

            $(".owl-one").owlCarousel({
                startPosition: 0 // 1, 2, 3 
            })
   

2. 您可以使用事件

to.owl.carousel 类型：可触发 参数：[位置，速度] 到位置。

 $('.owl-one').trigger("to.owl.carousel", [2, 200]);