问题标签 [owl-carousel-2]

我试图只显示 3 页，其中每张幻灯片包含 4 个项目（图像），以使用 owl carousel 显示带有图像的内容。将图像总数限制为 12（我在文件夹路径中有 30-40 张图像）或限制页数。图像存储在特定的文件夹路径中，而不是在 HTML 文件中定义。

为了限制每页中的图像数量，我使用了这个。我想将显示的页面数限制为 3（每页有 4 张图像）或图像总数为 12。

我正在尝试使用 Owl carousel 2 创建一个将两个项目居中的滑块，而不是一个居中的选项。到目前为止，我已经设法通过在源代码中添加一些行来为居中项目左侧的项目添加一个额外的类。

但是当我显示四个项目时，我无法弄清楚如何使两个项目居中。我想将居中项目一侧的每个项目剪成两半。任何人都知道我该怎么做，或者推荐一个包含这个的库？

这是一个关于我到目前为止已经走了多长时间的例子

http://jsfiddle.net/7e97o5hn/4/

我正在使用猫头鹰轮播，我相信“自动播放”参数中有一些错误。根据下面的示例，您将看到动画正在向相反的一侧移动。但是当我们调整窗口大小时，它会朝着正确的方向前进。并且这些点也因此而奇怪地工作。

任何人都可以帮我解决这个问题吗？

这是工作示例： https ://jsfiddle.net/alysonsm/17xf4Lvw/1/

这是代码：

我在第一张幻灯片中有一个带有导航链接的 OwlCarousel，有没有办法让轮播在事件之后返回到第一张幻灯片，无论是计时器，还是当鼠标移出轮播时？是否也可以通过将鼠标悬停在链接上而不是单击它来触发轮播？

代码片段：

我对轮播图像横幅滑块有疑问。在第一次加载时，我的页面看起来像这样

当我加载页面时看起来有三个连续的图像（这些图像应该是横幅幻灯片）。但片刻（不到一秒）后，三个图像以正确的方式呈现。片刻之后，这里是网页的视图

问题是我想在第一次加载网页时我想要一个状态看起来像第二张图片。有人知道问题吗？我刚刚通过 chrome 调试器进行了调试，我的 javascript 没有问题，你能给我任何线索有什么问题吗？

我似乎无法启动 owl carousel onchange 功能。这是相关代码的片段，有什么想法吗？

HTML：

JS：

我有一个带有导航功能的猫头鹰轮播，可以自动播放，但是当我打开无限循环时会中断，因为它会弄乱索引。

关闭循环，索引从 0-3 开始，循环打开，它们从 4-7 开始，但是当我开始使用导航时开始重叠。有任何想法吗？

JS：

HTML：

是否可以为轮播块内的不同项目设置不同的 autoplayTimeout。项目 1（图像） - 超时 - 5000，项目 2（图像） - 超时 - 8000，项目 3（图像） - 超时 - 10000

像这样的东西。

我对 owl-carousel 2 有疑问。以下是我的 js 代码：

它适用于我的默认窗口宽度。但是，当我调整页面大小时，它会自动更改 owl-item 宽度。（我发现它来自javascript）。

例如，它是默认的 1349 像素（我的屏幕宽度）。但是当我将宽度更改为 1024 像素时，即使我只有 3 个滑块项目，猫头鹰项目的宽度也会变为 256 像素（1024 / 4）。有什么问题，我该如何解决？谢谢你的帮助。

轮播在 Edge 或 Chrome 中没有响应但在 IE11 中仍然响应的任何原因。轮播本身遵循响应式设计并对窗口大小的变化做出反应。一旦横幅放置在轮播上方，横幅和轮播都没有响应。它们的大小不会改变并且是固定的。在 IE11 中，横幅和轮播会根据窗口大小调整大小。

owlCarousel 版本是 2.1.6