owl旋转木马悬停不停歇的Wordpress主题实现
所以我有一个猫头鹰旋转木马滑块，由我使用的主题提供，但它不会停止自动播放悬停。
我尝试将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">
滑块工作正常。
共有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">
-
我需要添加猫头鹰轮播到我的网站。 我遵循了说明，并使用css作为默认主题。 它工作完美。然后突然（没有更改代码）默认主题停止工作（在导航上没有主题）... 我一直试图修复它，但我失去了我的想法...我甚至将更改还原到我确信它工作的地方！ 而且这不是关于浏览器的，因为我甚至把它上传到了我的服务器上... 我的代码： 和JS： 这似乎很奇怪，它曾经工作了一段时间，然后就停止了…… 任何帮助都将是感激的
-
我有麻烦让猫头鹰旋转木马主题样式表对我的滑块有任何影响？ 我使用的是最新版本的owl.carousel.2.0.0-beta.3 这里是我的测试地点：示例网站 下面是与owl旋转木马相关的HTML代码： 名为“owl.theme.default.min.css”的样式表看起来包含了所有的导航样式表，但由于某种原因，它没有对PREV和NEXT按钮进行样式化？ 如有任何帮助，我们将不胜感激。
-
我穿着magento 2.2.2和使用Unero主题，我正在开发magento前端。当我在内容部分添加OWL旋转木马滑块时，它是不可见的？
-
问题内容： 我想找出悬停时如何制作 旋转或旋转的图像 。我想知道如何在以下代码上使用 CSS 模仿该功能： 问题答案： 您可以将CSS3过渡与一起使用，以 在悬停时旋转图像 。 旋转图像：
-
我正在尝试使用一个猫头鹰旋转木马在我的项目，但不知何故没有显示，我不知道是什么问题与它。谁能帮助我理解我做错了什么？我已经按照本教程https://github.com/owlcarousel2/owlcarousel2中的步骤进行了操作，并且我还尝试检查该元素，但没有出现错误，也没有carousel可见。下面是我的html代码： null null 这里是js代码： null null
-
我想要一个包含三个项目的旋转木马，中间的项目以一种背景颜色居中（稍后是一个彩色的背景图像），左+右的项目以不同的颜色（稍后是带有灰度级滤镜的imagebackgrounds）。就像这个OWL1在http://codepen.io/owlfonk/pen/dpjhb上的旋转木马，但我想使用OWL2。 我好像不能挑出当前的项目？！我的旋转木马一直‘画’在中间和右边...我做错什么了？！越来越令人沮丧！