owl-carousel 相关问题

Owl Carousel是一款支持触控的jQuery插件,可让您创建漂亮的响应式旋转木马滑块。



Netflix 滑块卡悬停猫头鹰旋转木马顺风

我想使用 tailwind 和 owlcarousel 重新创建 Netflix 滑块。它几乎按照我想要的方式完成了,但是当我将鼠标悬停在卡片上时,我遇到了一个问题,我对卡片进行了放大以显示详细信息...

回答 1 投票 0

如何自定义猫头鹰轮播滑块

我已将猫头鹰旋转木马 2(最新更新)添加到我的主题中。 我已成功添加轮播。 但是,我无法控制自定义它。 我尝试过编辑 owl-carousel.js ...

回答 2 投票 0

猫头鹰轮播2 - 如何获取当前项目?

我正在使用 Owl Carousel 2 开发一个网站。 我只想检测哪个项目显示在前面。 以前是这样的。 http://owlgraphic.com/owlcarousel/demos/owlStatus.html $(文档...

回答 4 投票 0

通过 Yarn 添加 jQuery 插件(owl carousel)到 Rails 6 项目

我对 Rails 6 中处理 jQuery 插件的新方法仍然有点困惑。在 Rails 5 中,我只是将文件添加到我的 libs 文件夹中,并在 css 和 js 文件中需要它们。 现在我正在努力

回答 1 投票 0

owl-carousel 在 ssr Angular 17 中滑动重复项

我正在使用 Angular 17 和 ngx-owl-carousel-0 : 17.0.0 包。 我将自定义选项设置为: 自定义选项:OwlOptions = { 循环:真, 鼠标拖动:假, 触摸拖动:假, 拉拽:假,

回答 1 投票 0

猫头鹰旋转木马无法按 RTL 方向工作

猫头鹰旋转木马滑块不适用于 RTL。我在配置中添加了 rtl: true 。但它没有加载滑块。滑块空间在那里并且导航正在显示。但只有滑块才能继续...

回答 9 投票 0

如何加快猫头鹰旋转木马的滑动速度?

我正在编辑其他人创建的网站,它使用猫头鹰旋转木马(不确定哪个版本),并且我找到了允许自定义旋转木马的代码部分。我想陈...

回答 3 投票 0

如何指定 Owl carousel 2 中显示的项目数量?

在 Owl carousel 1 中,我可以根据视口宽度指定要显示的不同项目数量: 项目:5, 项目桌面:[1199,4], itemsDesktopSmall:[979,3], items平板电脑:[768,2], 项目移动...

回答 2 投票 0

使用owl-carousel时如何在每个图像下放置段落?

下面是我的代码 超文本标记语言 下面是我的代码 HTML <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="owl-demo"> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890</p></div> </div> </div> </div> CSS #owl-demo .item{ margin: 0px 5px 0px; } #owl-demo .item img{ display: block; width: 50%; height: auto; } Javascript $(document).ready(function() { $("#owl-demo").owlCarousel({ autoPlay: false, //Set AutoPlay to 3 seconds items : 5, itemsDesktop : [1024,5], itemsDesktopSmall : [979,3], navigation : true, pagination : false, navigationText : ["<", ">"] }); }); 我使用 owl-carousel 作为滑块,想在每个图像下添加一些文本或段落。Owl-carousel 支持滑块的响应式,那么如何将段落放在每个图像下并支持响应式设计呢? 这是我在 JSFIDDLE 上的代码 联邦法院系统通常存在于中央(联邦)政府与各个州或省之间权力划分的国家内。其管辖权由宪法条款和法规界定,定义了其可以审理和裁决的案件的具体类型。以下是对通常与联邦法院相关的司法管辖区的详细探讨:

回答 1 投票 0

当猫头鹰轮播项目之一处于活动状态时如何显示隐藏标签图像?

我在显示和隐藏图像时遇到问题,它不起作用。如果 id="img-dark" 的 owl-carousel 活动项目将显示 img id="dark" div 并隐藏 img id="light&q...

回答 1 投票 0

只有一张图像时,猫头鹰轮播不显示

我正在使用猫头鹰旋转木马并有以下代码 // 主页滑块 $("#home-slider").owlCarousel({ 循环:真, 项目: 1、 点:假, 导航:真实,

回答 2 投票 0

ngx-owl-carousel (Angular 7.1.3) 如何更改 owl-carousel 点的颜色?

我正在使用的npm包:https://www.npmjs.com/package/ngx-owl-carousel。 我想将猫头鹰旋转木马的点的颜色更改为#FCAC45。 我尝试过直接更改主题的颜色...

回答 2 投票 0

在 Angular 中刷新猫头鹰旋转木马

我对猫头鹰旋转木马有一些关于动态变化的问题,例如幻灯片的数量等 - 换句话说,旋转木马在进行一些更改后很容易损坏。 我的方法是重新加载/重新加载...

回答 2 投票 0

自定义猫头鹰轮播布局

我想使用 Owl Carousel 创建自定义布局/幻灯片,但我不确定如何完成此操作。 这是我想要实现的滑块:我想要实现的滑块 这是我的幻灯片...

回答 1 投票 0

AngularCLI 7.1.3 如何更改猫头鹰旋转木马点的颜色?

我想将猫头鹰旋转木马的点的颜色更改为#FCAC45。 我尝试直接在 node_modules/owl.carousel/dist/assets.owl.theme.default.css 中更改主题的颜色,但它...

回答 2 投票 0

猫头鹰旋转木马惯性滚动

我在移动网站上使用猫头鹰轮播。 当用户水平滚动然后停止时,内容立即停止移动(或停止后不久)。 是否可以添加一些我...

回答 2 投票 0

猫头鹰旋转木马无限循环

我想要实现的是让我的猫头鹰旋转木马无限循环。在最后一个图像滑块从右到左恢复到第一个图像之后,但我希望我的图像不要恢复回来,这意味着在最后一个图像之后......

回答 2 投票 0

猫头鹰旋转木马在下面的图像中放置下一个和上一个图像

我正在使用 Angular 17 和 ngx-owl-carousel-0 : 17.0.0 包。 我的 customOptions 设置为: 自定义选项:OwlOptions = { 循环:真, 鼠标拖动:假, 触摸拖动:假, 拉拽:假,

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.