问题标签 [owl-carousel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
7688 浏览

javascript - 在 IE8 中使用 Owl Carousel 和 Respond.js

当我添加 response.js 时,我似乎无法让 Owl Carousel 在 IE8 中工作。有没有其他人能够做到这一点?我什至不知道从哪里开始故障排除。

我指的jQuery轮播插件是:http: //owlgraphic.com/owlcarousel/

0 投票
7 回答
43496 浏览

jquery - 当旋转木马只有 1 张幻灯片时,猫头鹰旋转木马仍会转换

我想知道是否有人可以提供帮助。我在 CMS 中使用轮播,并且希望客户能够在他们愿意的情况下有时只有 1 张幻灯片。但是,如果只有一张幻灯片,淡入淡出过渡仍然会发生,所以它基本上会过渡到自己。当只有一张幻灯片时,有什么方法可以阻止轮播转换?我很惊讶这不是我使用过的其他轮播的内置功能。

0 投票
2 回答
20965 浏览

javascript - 向 Owl 轮播添加动画字幕

我正在使用 Owl Carousel 并且一直在尝试添加动画字幕(只是幻灯片显示上的一个简单淡入淡出),但似乎无法弄清楚如何做到这一点。

我将所有字幕的不透明度设置为 0,然后在字幕中添加一个名为“animate-me”(使用 jQuery)的类。第一个淡入,然后所有其他都不断显示。

这是我到目前为止对 jsbin 的了解... http://jsbin.com/OGehUKEh/3/edit

0 投票
3 回答
57876 浏览

jquery-plugins - 是否可以使用 owl carousel 实现循环/无限轮播?

我正在使用 owl carousel,它运行良好,但它不支持循环/无限滚动。我确实在谷歌和 stackoverflow 上搜索了想法,但没有运气。有没有人在猫头鹰轮播中实现循环/无限滚动?

0 投票
1 回答
4905 浏览

javascript - jQuery的正确使用?猫头鹰旋转木马

对于我的项目,我使用 OwlCarousel。http://www.owlgraphic.com/owlcarousel/#more-demos

我设法在我的页面上获得了 3 个轮播。但我认为页面越来越慢。我有可能做很多步骤吗?

实际上我不需要读取json文件,因为我将它存储在localStorage之前的一页中。但我不知道如何在不破坏代码的情况下将其删除。

所以主要问题是如何只进行一次 jQuery 调用来填充所有 3 个轮播?


这是我用来调用轮播的代码:

这是轮播代码:

0 投票
1 回答
430 浏览

jquery-plugins - 在 owl carousel 中,如何在课程中导航下一个和上一个

我正在使用Owl Carousel并且ddscrollspy当我附加一个名为selected突出显示该部分的类时我想要。当selected课程被附加到轮播项目时,它应该转到隐藏在轮播中的下一个项目.....

0 投票
8 回答
72151 浏览

javascript - 在 OWL Carousel 中滑动 2 个项目

我正在为我的滑块使用OWL Carousel

我要做的是在单击下一个上一个时滑动 2 个项目。

所以它在传输过程中滑动到每隔一个项目仍然显示第二个项目。

我试图用 CSS 解决它,但没有成功。

这是我的基本设置

});

非常感谢任何帮助。

提前致谢。

0 投票
2 回答
31575 浏览

javascript - 猫头鹰旋转木马根本不工作

是的,我正在为一个朋友开发一个网站,我正在尝试让旋转木马工作。但是,看起来,无论我尝试什么。

标记: http: //pastebin.com/PjftpnJx

文件夹结构:

文件夹结构

Owl CSS 文件的扩展名更改为 .less 并包含在我编译成 CSS 的主 LESS 文件中,这意味着文件在那里。

0 投票
2 回答
11561 浏览

javascript - Owl Carousel + URL + Slide Item Change

我想在 javascript/jQuery 中做 3 件事。

  1. 为每个项目创建一个 URL(我目前使用 location.hash)

  2. 根据提供的 URL 更改当前项目(我目前正在使用 location.hash 并访问幻灯片编号)

  3. 确保缩略图/幻灯片都根据 URL 进行更改

我遇到了一些问题,我相信我可以解决。但是,我不确定我是否会以最合乎逻辑/最有效的方式来解决这个问题。这是我当前的功能:

我遇到的问题包括:

当前项目没有改变,所以如果我转到提供的 URL(比如幻灯片 9)并单击下一步,幻灯片将转到 1 与 10 - 因为它认为它在幻灯片 0 上。

我不确定这是否是一个问题,但我相信如果我将 url - /demos/sync.html#slide2 更改为 /demos/sync.html#slide3,我必须刷新两次。

任何帮助/更好的想法都会非常有帮助!

0 投票
2 回答
25910 浏览

jquery - 猫头鹰旋转木马和灯箱在一起?还是有其他解决方案?

我想同时使用Owl-carouselPrettyPhoto灯箱,但在此之前,我想知道是否已经存在类似的一体化解决方案。

更具体地说,我想制作一个带有悬停标题的内联图像/视频内容滑块库。它必须适用于responsive移动touchable设备。如果还没有,Owl-carousel 和 PrettyPhoto 是否可以毫无问题地一起使用,是否存在冲突的风险?

谢谢你的帮助。