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

Question

在某些情况下，我想从＆gt; 3项目启动猫头鹰轮播，即通过defult显示来自第3号的项目的旋转木马..我已经看到文档他们没有这样的自定义选项可用。我怎么能实现这一点。

Answer 1

在own carousel-2 ：

owl.owlCarousel({
    startPosition: 2
});

Answer 2

有jumptTo方法，您可以在创建自己的轮播后立即调用它：

$(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 提供的选项

开始位置 类型：数字/字符串 默认值：0

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

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

2. 您可以使用事件

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

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