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

knockout.js - 使用 ko.applyBindingsToNode 应用模板绑定

我创建了一个自定义绑定到集成 owlcarousel。模板渲染完成后需要绑定轮播。我正在尝试使用 ko.applyBindingsToNode 来呈现模板绑定并在其上应用轮播,但它不起作用。在模板中传递给 foreach 的程序数组是一个 observableArray。它在应用模板绑定后增长。

绑定应用于具有属性的 UL 列表:

自定义绑定如下:

}

0 投票
1 回答
16956 浏览

jquery - 猫头鹰旋转木马视频自动播放功能

我使用 OWL Carousel,我想自动播放视频(幻灯片的背景视频),但显然 owl carousel 停止了视频。

这是我的jsfiddle:

http://jsfiddle.net/EGrGN/35/

0 投票
2 回答
4359 浏览

jquery - 位置:固定不与猫头鹰旋转木马一起使用

有问题的页面在这里

我想要做的是修复每个列(div)的日期/日期标题,当它们滚动到视图之外(使它们变得粘滞),这样人们就知道他们在看哪一天。而不是摆弄“标题”本身,我只是设置了一个具有固定位置(当前可见,红色)的第二个隐藏跨度,当你向下滚动一点时我将显示它。

它们似乎正确加载固定以进行闪光,然后在轮播功能加载后采取绝对 pos 行为,但我不知道为什么。

有人猜测如何解决这个问题或以不同的方式做吗?唯一的要求是远离桌子,这样我们就可以很容易地让它响应电话。

我期待任何建议,谢谢!

富有的

0 投票
4 回答
15005 浏览

jquery - 猫头鹰旋转木马移动方向(拖动 + 上一个/下一个点击)

我正在创建一个用户应该以块的形式获取内容的网站,就像一个简短的 powerpoint 演示文稿,用户可以在包含带有 HTML 的 div 的幻灯片之间来回移动。

为此,我认为使用类似轮播的演示视图是个好主意。我查看了Owl-carousel及其afterMove回调参数,但我在文档中没有看到有关如何获取运动方向的任何内容。

换句话说,如果用户向左拖动或单击 Next 按钮,我想调用 functionn如果用户向右拖动或单击 Previous 按钮,我想调用 function p。这是可能的还是我应该研究其他插件?

0 投票
15 回答
139702 浏览

javascript - 猫头鹰旋转木马不会自动播放

我在我的网站上使用 Owl Carousel。根据他们的文档,这段 JavaScript 应该可以工作:

但由于某种原因,它不会自动播放。这是滑块的 HTML:

0 投票
1 回答
654 浏览

jquery - 猫头鹰转盘 / 如何更改主题

我正在尝试在我的网站中实现 owl carousel。猫头鹰旋转木马。它工作得很好,但仅限于“自定义”主题。我需要实现“一张幻灯片”主题。这些示例显示在该网站的“Mor 演示”部分。您能否告诉我是否必须从某个地方下载该主题,或者如何使用单张幻灯片主题?谢谢

0 投票
2 回答
8149 浏览

jquery - 猫头鹰旋转木马无法加载

我正在尝试将 Owl Carousel 集成到我为朋友制作的引导站点中,但我似乎无法加载它。当我在 Firebug 中签出时,我收到一个错误,指出 .owlCarousel 不是一个函数。

这是我正在使用的代码:

任何帮助将不胜感激。

0 投票
1 回答
6518 浏览

javascript - OWL Carousel afterMove 获取 img alt

每次移动后如何显示(在 div 中)图像 alt?我试试这个,但它不起作用(我总是得到第一个 alt)

谢谢你的帮助...

0 投票
3 回答
20119 浏览

javascript - 如何在页面加载的第一个项目之外启动轮播

在某些情况下,我想从 >3 项开始猫头鹰轮播,即默认轮播显示第 3 个数字的项目。我已经看到他们的文档没有这样的自定义选项可用。我怎么能做到这一点。

0 投票
2 回答
10772 浏览

javascript - 带有猫头鹰轮播脚本的无尽滑块

我想用猫头鹰轮播(http://www.owlgraphic.com/owlcarousel/)构建一个无尽的滑块。我有一个带有单个项目的滑块。我的设置:

如何构建它在最后一张图片之后开始而不倒退到第一张图片?这可能吗?