问题标签 [owl-carousel]

我正在使用 OWl 轮播一段时间，一切都很完美，但最近我在 chrome 浏览器更新后遇到了一个问题。css 过渡效果不再适用于 chrome。

但是所有效果在 Firefox 上都可以正常工作。

任何人都可以帮助我..

我将 Owl Carousel 与 Wordpress 一起使用，它在 WP 循环的帮助下加载动态内容。这是循环代码：

和我的旋转木马 JS：

我在循环中添加了一些代码，以便每两个项目回显 div，这样我创建了两行。但是，在所有项目的末尾，它会吐出一个空的<div class="item-wrapper"></div>，这会导致显示一个没有任何图像的空列。

我的代码有什么问题？如果有人可以帮助我，那就太好了！

谢谢！

我需要像下面的代码一样在点击事件中初始化猫头鹰轮播，它在我第一次点击时起作用，但是当我再次点击它时（在事件 div 上）它根本不起作用。我怎样才能做到这一点？有没有办法重置猫头鹰旋转木马？

我在这篇文章的最后部分添加了我的完整代码，以更好地理解我的 pb 并对其进行测试。

你能帮我解决这个问题吗？我真的需要这个。

提前致谢，

CAFC

源猫头鹰轮播： http: //owlgraphic.com/owlcarousel/demos/customJson.html

我的完整代码：

所以我试图在我正在设计的 UI 上使用 Carousel 进行导航，我只是想知道是否有一种方法可以轻松地获取 carousel 中一个 div 对象的索引。

当我单击其中一个 div 时，我试图让它在轮播中居中，所以如果我可以获得已单击的 div 的索引，我可以调用下面的代码将其设置为中心项目.

我正在尝试做的图片：

我正在使用jQuery Owl Carousel我创建了一个图像滑块，我想在其中在滑块图像上添加背景颜色。

2019 年的注意事项：http : //owlgraphic.com现在重定向到恶意站点。

这是标记：

我已经添加了这个 CSS ：

我也尝试过将此代码添加到#owl-slider父级，或者.item这些都不起作用。

这是一个jsbin

关于如何在幻灯片图像上添加背景颜色的任何建议？

我在问是否有人在 owlCarousel 2.0 的 beta 版中找到了解决此问题的方法？1.0版本的插件可以做到，所以我不知道他们为什么不把这个集成到新版本中。

当我尝试将其与网站合并时，我遇到了 owl-carousel 的问题，尽管它在我的独立原型中运行良好。本质上owl-wrapper，所有owl-item实例的宽度都设置为 0 内联，我不知道为什么。

如果我手动删除这些项目的宽度，它不会修复轮播（尽管我不确定我是否也期望它）。我正在使用一个相当基本的 owl-carousel 设置：

如果您访问此页面，您可以在 DOM 中搜索owl-slider并看到此输出，这显然是错误的：

我尝试了各种方法，延迟加载图像，使用 lorem 像素而不是嵌入图像，但似乎无法修复该站点。然而，我在这里有一个完美工作的原型JSFiddle。任何人都可以为我提供解决方案或一些关于继续尝试的建议吗？

我正在使用 owl carousel 2 创建一个简单的滑动轮播。目前我只是在使用图像，但是我希望能够使用 html 文件而不是 . 这些 html 文件有多个 div，可以在其中加载图像，而不是整个图像滑开，只会改变。关于我如何去做这件事的任何建议？

当前的 HTML 文件：

我正在使用Owl Carousel 2.0。我想显示一个项目，前一个项目（左侧）的一半（或更少）和下一个项目（右侧）的一半（或更少）。只需将它们的一部分放在右侧和左侧：

我一直在尝试只使用 CSS（padding和margin否定的owl-stage-outer），但显然 Javascript 覆盖了它们。

到目前为止，这是我的代码：

我正在尝试将 OwlCarousel 2.0 版与 Bootstrap 3 和 Meteor 一起使用。

我为轮播创建了一个模板，如下所示：

我将它包含在我的 index.html 文件中：

最后，我有一个单独的 .js 文件用于实例化轮播：

这段代码很大程度上是从文档中复制而来的。因此，我希望它能够工作。但是，它什么也不显示。轮播似乎是这里的问题，因为当我从 div 中删除 .owl-carousel 类时，会显示元素（当然不是在轮播中）。

谁能告诉我为什么这不起作用以及如何使它起作用？我将衷心感谢您的帮助。

谢谢，

托尼