问题标签 [owl-carousel-2]

我正在寻找一种在( ) 中显示img标题和alt标签的方法。div.image-caption

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

有任何想法吗？谢谢！

目前 Owl Carousel autoHeight 仅适用于屏幕上的 1 个项目。他们的计划是计算所有可见项目并根据最高项目更改高度。

我通过在可见项目上调用 .active 类来解决这个问题，并给不可见项目一个小的高度。是否已经有更优雅的解决方案？

小提琴

有任何想法吗？谢谢！

我需要获取 OwlCarousel 中显示的当前项目数。eg：用{items: n}设置设置的数字。在这种情况下使用响应指令。

我期待这样的事情

我想以编程方式确定当前一次显示多少项目。

我正在寻找一种方法来隐藏 Owl Carousel 自定义导航，并在只有一个项目时停止“循环”功能。

小提琴

我已经尝试交换 owl.carousel.js 上的功能，但它仅在鼠标移动时才有效。

知道当鼠标放在图像顶部时如何使幻灯片正常工作吗？

如果轮播显示 4 个项目，设置自动播放替换为 4 个新项目。这里的demo如果点击item的分页，就可以看到效果了。但是如果我们设置自动播放，那么只改变一项呢？

php/html 代码 (cakephp)

我正在构建一个网站，我需要为移动设备启用触控滑动功能，但随后回退到更大屏幕尺寸的默认样式。

我尝试使用下面的代码删除传递给 OWL 函数的类，但不幸的是它不能按我需要的方式工作。当我需要完全忽略 OWL 功能时，它只是为桌面创建了更大版本的滑块，除非它在移动设备上。

以下是我正在使用的所有代码。让我知道是否有其他人遇到过的解决方案，或者您是否需要更多信息。

HTML

CSS

JS

控制台错误：TypeError：items[clones[(clones.length - 1)]] 未定义。 由于只有一项div和属性循环true以及项 1导致此错误。所以。在这种情况下的任何解决方案。我知道这种情况不会发生，但如果有任何解决方案，请告诉我非常感谢。

我在不同的页面上使用 owl carousel 2。我到处使用相同的 css 和 js。出于某种原因，当我加载我的页面时，导航按钮（上一个和下一个）总是获得 24px 的内联样式顶部值。我从来没有在我的 js 或 CSS 的任何地方声明过 24px 的最高值。

这是我的 HTML：

这就是我在 js 中加载 owl-carousel 的方式：

然后我有一个用于上一个和下一个按钮的 CSS：

所以我觉得我的按钮应该有值 top: 2px。但相反，他们总是得到一个内联样式 top: 24px ，它会覆盖我的 top: 2px 值。这是在某处设置的默认值吗？但是为什么我在其他地方使用相同的代码呢？

我在这里有一个复杂的自定义 Owl Carousel，它有 27 张幻灯片，其中大约有 25 个 MP4 视频（每个大小约为 2Mb）。

视频是本地存储的，HTML5 标签，并且有 preload="auto" 在那里。

我的问题是由于庞大的大小（视频总共 20Mb）而导致严重的口吃，我不确定如何对其进行排序。

有谁知道任何体面的预加载解决方案，或者我如何在幻灯片上的 Owl Carousel 项目中选择性地加载/销毁视频？

谢谢！格雷厄姆