【问题标题】:Wordpress theme implementation of owl carousel not stopping on hover猫头鹰轮播的WordPress主题实现不会在悬停时停止
【发布时间】:2019-09-21 16:43:25
【问题描述】:

所以我有一个猫头鹰轮播滑块,由我使用的主题提供,但它不会在悬停时停止自动播放。

我尝试将animation-play-state:paused 添加到相应元素的:hover 中,但这不起作用。 我不是一个 Javascript 人,所以我真的不知道如何继续。

这是轮播 html:

<div class="owl-carousel owl-loaded owl-drag" data-dots="false" data-nav="true" data-items="3" data-items-laptop="2" data-items-tab="1" data-items-mobile="1" data-items-mobile-sm="1" data-autoplay="true" data-loop="true" data-margin="30">

滑块在其他方面工作正常。

【问题讨论】:

    标签: javascript wordpress owl-carousel


    【解决方案1】:

    尝试添加:

    data-autoplay-hover-pause="true"
    

    所以你会得到:

    <div class="owl-carousel owl-loaded owl-drag" data-dots="false" data-nav="true" data-items="3" data-items-laptop="2" data-items-tab="1" data-items-mobile="1" data-items-mobile-sm="1" data-autoplay="true" data-loop="true" data-margin="30" data-autoplay-hover-pause="true">
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-12-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多