是否可以为猫头鹰轮播项目设置不同的自动播放超时时间？

Question

我有一个旋转木马滑块，其中包括照片和视频。因此，是否可以为图像项设置 autoplayTimeout：5000 和为视频项设置 autoplayTimeout：25000 ？

谢谢。

Answer 1

为了解决这个问题，我使用了这种方法：

• 首次激活猫头鹰时，请提供您想要的第一张图像的时间（例如我的时间是6s）

  $（“。owl-carousel”）。owlCarousel（{                 自动播放：是的，                 autoplayTimeout：6000，                 animateOut：“ fadeOut”，                 lazyload：是的，                 导航：错误，                 项目：1             }）;

• 然后，在第一个“更改”事件（不是changeD，只是更改是确切的更改时刻）上，您检查了第一个更改。如果是这种情况，请停止并重新启动从现在开始触发新间隔的猫头鹰，例如我的情况是3s：

  $（'。owl-carousel'）。on（'change.owl.carousel'，函数（e）{                     //console.log(e）;                     如果（e.namespace && e.property.name ==='position'                     &&（e.relatedTarget.relative（e.property.value）== 1）                     ）{                         $（'。owl-carousel'）。trigger（'stop.owl.autoplay'）;                         setTimeout（                         函数（）{                             $（'。owl-carousel'）。trigger（'play.owl.autoplay'，[3000]）; //从现在开始我们进入3s                         }，0）;                     }                 }）;

现在，将视频放到第一个元素，就可以完成！