问题标签 [owl-carousel-2]

在最新的 owlCarousel v 2.0.0 中，我想滑动视口中可见的所有项目，单击上一个/下一个按钮，例如点导航。但是，当循环值为 true 时，我希望 prev/next 按钮具有相同的功能。我已经创建了一支笔：Codepen请查看。任何使用可用选项的帮助都会有很大帮助。

HTML：

JS：

我正在使用 Owl Carousel 创建幻灯片。

当我为所有轮播项目使用相同的背景颜色时，在项目之间的转换过程中会显示一个空白区域。

仅在使用 Chrome 浏览器时才会出现此问题。

请查看发生问题的示例： jsfiddle.net/7yd04b1p/7

我发现 Owl Carousel 使用 CSS3 translate3d 来进行幻灯片转换，我认为 Chrome 正在以不同的方式呈现它。

有人知道如何解决吗？

谢谢！

我在https://staging.thomasfarms.kitchen/的主页上使用 owl carousel 2来展示四张幻灯片。循环选项设置为真。问题发生在基于触摸的设备（根据我的经验是 iphone/safari 浏览器）上，其中幻灯片项目在滑动到下一帧时随机呈现空白。有谁知道为什么会这样？

我需要禁用owl carousel 2上的滑动效果并仅添加淡入淡出效果。这怎么可能 ？

我已经尝试过这段代码，但一点运气都没有。

谢谢

我的目标是制作一个带有项目标题和描述的轮播，如下所示：

我想在分页下显示当前项目描述。是否可以通过 Owl Carousel 2 进行？

这是我的代码：

以上代码仅用于在项目中添加和删除类。 但是如何在分页下显示当前项目描述？

Is there an option to scroll only one of the owl-carousel sliders on mousewheel? When i click the prev or next btn it's slides only the current carousel but on mousewheel slides all!

HTML

JS

jsfiddle

我正在尝试在我的 Angular 2 应用程序中实现 owl-carousel。

我按照这个例子如何在Angular2中使用owl-carousel？它实际上适用于我的项目是异步更改（ng-​​content async change）的唯一问题。

当我的 owl-courosel 的内容发生变化（推荐者或批评者）时，通过在 plnkr 上实施解决方案，插件不会重新加载。所以我只看到一个项目列表，但它们不会滚动。

所以我有 nps-comments.component.html 调用轮播组件的地方：

然后是实际的 carousel.component.ts

这是 carousel.component.html：

任何帮助将非常感激。谢谢你。

我在一个页面中有 5 个轮播组件.. 每个组件包含 2/5 个项目，并在幻灯片中显示 3 个......这是为了隐藏 prev ， next 按钮来自少于 3 个项目的组件..

请建议代码。

当我将鼠标悬停在.product-slider li.product上时，图像滑块开始自动付款，鼠标离开然后自动播放停止。这工作正常，但在滑块product-slider和product image slider中都有效果。

当鼠标悬停在单个产品幻灯片中时，我们只需要在产品图像滑块中首先实现自动播放、自动播放停止和转到幻灯片。

我们使用的是 owl carousal 版本 2.1.6

HTML 代码

滑块js代码如下

请帮我 ！！！

提前致谢！！！

我正在尝试将 Owl Carousel 视频动态添加到我的网站，但遇到了问题；视频出现在页面上，但是当我尝试播放它们时，控制台说

我尝试按照 Owl Carousel 文档http://www.owlgraphic.com/owlcarousel/demos/manipulations.html和 StackOverFlow 上的一些帖子中的说明进行操作，但无法弄清楚。关于如何在 Owl Carousel 中动态添加视频的文档（如果有的话）并不多。

我当前的代码如下：

我也尝试像这样添加它们：

我的想法是稍后从 Ghost CMS API 获取视频 URL，并使用这些数据启动 Owl Carousel 视频。对此高度赞赏！