Owl-Carousel Autoplay没有初始超时

时间:2018-01-31 14:50:43

标签: javascript jquery owl-carousel

我使用owl-carousel有这些选项:

jQuery('.my-carousel').owlCarousel({
    autoplay: true,
    autoplayTimeout: 5000,
    autoplaySpeed: 3000
});

旋转木马将需要3秒钟才能切换到下一张图像,然后在此图像上停留2秒钟,然后开始下一个3秒动画。

我在寻找:在页面加载时,第一张图像在动画开始前显示5秒钟。我希望第一个间隔只需2秒(或立即启动动画)。

1 个答案:

答案 0 :(得分:0)

据我所知,在计时功能方面无法区分第一张幻灯片和其他幻灯片。但是,执行此操作的一种方法是禁用自动播放,然后重新启用它。第一个移动将采用完整的autoplayTimeout值,而所有后续超时将从中扣除autoplaySpeed

    jQuery('.my-carousel').owlCarousel({
        autoplay: true,
        autoplayTimeout: 5000,
        autoplaySpeed: 3000
    }).trigger("stop.owl.autoplay")
      .trigger("play.owl.autoplay");