我使用owl-carousel有这些选项:
jQuery('.my-carousel').owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 3000
});
旋转木马将需要3秒钟才能切换到下一张图像,然后在此图像上停留2秒钟,然后开始下一个3秒动画。
我在寻找:在页面加载时,第一张图像在动画开始前显示5秒钟。我希望第一个间隔只需2秒(或立即启动动画)。
答案 0 :(得分:0)
据我所知,在计时功能方面无法区分第一张幻灯片和其他幻灯片。但是,执行此操作的一种方法是禁用自动播放,然后重新启用它。第一个移动将采用完整的autoplayTimeout
值,而所有后续超时将从中扣除autoplaySpeed
。
jQuery('.my-carousel').owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 3000
}).trigger("stop.owl.autoplay")
.trigger("play.owl.autoplay");