问题标签 [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 投票
3 回答
9267 浏览

jquery - 打开模式时最后一项的猫头鹰轮播问题

我有 OWL CAROUSEL 的下一个问题。我正在使用单个项目选项和悬停时停止自动播放选项。在每个项目内部,我都使用引导按钮来打开模式。模态在 OWL CAROUSEL 之外。一切正常,直到我们到达旋转木马的最后一项。当我按下按钮时,模式打开,如果幻灯片发生变化(因为自动播放)并且我关闭模式,它就会爆发。我还删除了悬停时的停止,在我打开最后一个项目模式后,轮播卡住了。

您可以在 jsfiddle 中看到复制的问题

猫头鹰旋转木马

引导标准模式

CSS

查询

0 投票
1 回答
185 浏览

javascript - 奇怪的图像重新大小问题

我正在使用 Twitter Bootstrat Freelance 主题(http://startbootstrap.com/templates/freelancer/)并合并了 Own Carousel.js (http://www.owlcarousel.owlgraphic.com/demos/demos.html)

除了当我单击图像以在模式窗口中查看它时,一切都运行良好,它显示错误的大小 - 直到我调整浏览器窗口的大小,或刷新页面,或者例如按 f12。然后它似乎“自我修复”。

不确定这是 js 冲突问题还是我在做一些愚蠢的事情(我对 js 很陌生)。我查看了控制台,看不到任何错误,我也尝试了不同版本的 jquery 和 bootstrap,但没有区别。

我在这里创建了一个 jsfiddle http://jsfiddle.net/johnny_s/34L6t/2/ 如果您查看 jsfiddle,请尝试单击一个图像,一旦它在模式窗口中打开,稍微调整屏幕大小,您就会明白我的意思. 它不知何故突然修复了自己。

我将不胜感激有关此问题的任何帮助或指导,因为我正在尝试创建一个需要很快完成的个人项目:s

0 投票
2 回答
1174 浏览

javascript - owlCarousel CSS3 过渡不工作

为什么猫头鹰轮播 Css3 过渡不起作用?

最近我在我的网站上遇到了这个问题。但是当我访问他们的网站时它也无法正常工作。有人知道这是什么问题吗?

http://owlgraphic.com/owlcarousel/demos/transitions.html

0 投票
7 回答
16854 浏览

jquery - 猫头鹰旋转木马,导航中心

我使用 owl carousel 插件,找不到如何让导航垂直对齐中心,带有选项 autoHeight。

http://codepen.io/anon/pen/jJAHL

我试过像下面一样,但它只得到最后一个高度。

0 投票
5 回答
34436 浏览

javascript - 猫头鹰旋转木马淡入淡出效果不起作用

我正在尝试在 Owl Carousel 上应用淡入淡出效果,但它似乎不起作用。

正如您在这个小提琴中看到的 - http://jsfiddle.net/lav911/fHa6J/,我正在加载他们文档transitions.css中提到的文件。

我错过了什么吗?为什么它会滑动而不是褪色?另外,请注意,即使在他们的网站上,淡入淡出也不起作用。

稍后编辑:它似乎在 Google Chrome 35 和 Firefox 上消失了,但在 Google Chrome 36 上它会滑动。奇怪的。

0 投票
2 回答
27840 浏览

jquery - OwlCarousel2 - 添加项目 + 更新轮播

我一直难以将 Owl Carousel 添加到我们的应用程序中,并希望最新的 2.0.0-beta.2.4 版本会更容易,但我无法获得添加项目和更新的基本功能旋转木马上班。

我在这里做错了什么吗?

这是我正在使用的代码:

连同一个演示:

http://jsfiddle.net/52r9B/11/

文档(http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html)似乎没有包含任何内容——除非我遗漏了一些明显的东西。

任何帮助,将不胜感激。

0 投票
1 回答
27396 浏览

jquery - 在图像上放置文本

我正在使用owl-carousel为网站制作一个slider。我可以使用以下代码轻松制作滑块:

我还想在滑块的图像上放置一些文本。每个图像的唯一文本。我怎么能用 owl-carousel 做到这一点?

0 投票
5 回答
104789 浏览

javascript - 如何垂直使用猫头鹰旋转木马?

我不想使用插件代码,所以我想知道是否有人已经设法垂直使用插件。遗憾的是,这个插件可以横向使用。对不起语言...

0 投票
0 回答
190 浏览

jquery - 滑块图像未出现在容器中

我正在尝试在某些博客主题中使用滑块,我已经尝试过 Flexslider 和 Owl Carousel,它们都可以在页面的侧边栏中完美运行,但是当我尝试将它们放在主容器中时,它只是不显示滑块中的图像,我的意思是它完全加载了滑块和所有内容,但似乎图像被隐藏或其他东西,就像一个带有纯白色背景的滑块,只是零图像,它们就像在下面或某事。现在有没有人知道这里到底发生了什么?请帮助我用过这个:

和这个

在这个容器中:

这种风格:

滑块在第一个容器中有效,但在其他容器中无效!事实上,我为另一个容器分配了另一个像这样的滑块:

这里有什么问题???

0 投票
1 回答
1270 浏览

jquery - 猫头鹰轮播中的双击事件

作为一个 Javscript 初学者,我正在尝试在 owl carousel 中获取双击事件:

onDragEnd功能上:

我想要实现的是某种双击缩放(通过transform:scale?)。有人已经尝试过实现类似的功能吗?我什么也没找到。