owl-carousel-2相关内容

Owl Carousel 2:添加标题,点击并相应地移动到项目

我正在使用 Owl Carousel 2,居中.如图所示,我需要帮助.基本上我有 6 个项目,其中 2 个在同一类别下 标题 1:1 和 1a 标题 2:2 和 2a 标题 3:3 和 3a 当点击“Title 1"时,它会移动到 1,而不是 1a,点击“Title 2";将移至 2,依此类推. 希望你们中的一些人能给我一些建议.谢谢! $(document).read ..
发布时间:2021-09-23 20:20:28 前端开发

猫头鹰旋转木马 2 自定义点不可点击

我正在使用 Owl Carousel 2 并尝试使用文本制作自定义点.自定义点显示出来,但单击它们时没有任何反应.IE.当您单击一个点时,它不会跳回相应的幻灯片,它只是什么都不做.单击自定义点时,如何使轮播转盘转到相应的幻灯片? 完整代码在这里:https://codepen.io/anon/pen/ZqKaEZ HTML: ..
发布时间:2021-06-13 19:44:33 前端开发

在移动设备上触发猫头鹰轮播时禁用滚动

我注意到使用Owl Carousel 2时,在移动查看中滑动项目时,浏览器也可以上下移动.尝试在移动设备中触发Owl Carousel 2的上一个和下一个功能时禁用滚动功能,但是它仍然无法正常工作. $('.owl-carousel').owlCarousel({ loop:true, margin:5, nav:true, items:2, }); // $ ..
发布时间:2020-07-02 04:48:37 其他开发

猫头鹰传送带2响应图像

在这种情况下,有一些主题,但是在尝试所有方法后都没有成功.我试图在owl carousel 2插件中使图像响应,我在插件选项中使用了responsive选项,并且可以控制所需分辨率上的项目数,但是在某些分辨率下图像不适合父级高度,父级为view-ad-image它具有250px的高度,我想要所有分辨率的图像都适合这个高度. 到目前为止我尝试过的事情: .owl-carousel .ow ..
发布时间:2020-06-28 19:19:29 前端开发

猫头鹰轮播v2,如果Tab内容后面的轮播,则项目宽度计算错误

我在一个看起来完美的页面中构建了2个响应式Owl-carousel-v2. 将它们放入标签后,第一个轮播可以使用,但标签面板后面的那个却失去了项目的宽度,我无法使其正常工作. 如果我所有的物品都具有一定的宽度,那么所有的物品都会垂直列出. 这是我的演示笔: http://codepen.io/bard/pen/NxqyQy/ 我想问题是页面加载时会计算出项目宽度. 如何解决这个问 ..
发布时间:2020-05-23 19:10:53 其他开发

初始负载中猫头鹰传送带宽度有问题

我正在研究owl-carousel.目前,我有一个问题,我的滑块宽度表现得很差. 当我加载/刷新网站时,owl-carousel具有一定的宽度值,但是下一张幻灯片的一部分是可见的(我想避免这种情况).在初始加载后,同时调整窗口大小(切换最大化或通过拖动更改宽度或高度)的同时,它会将宽度设置为所需的正确值.我不明白为什么会这样.我想在最初的负荷中避免这种习惯. 这是我的jQuery. ..
发布时间:2020-05-23 19:10:50 其他开发

Z-Index在其兄弟姐妹(1)后面留一个Div(0),同时让孩子处于(2)以上| OwlCarousel导航箭头仅在悬停时

我正在使用猫头鹰转盘,并尝试修改.owl-nav按钮,以便仅当用户将鼠标悬停在滑块上时,它们才会出现在转盘的侧面.我已经编写了以下CSS,但问题是.owl-nav阻止了滑块项并阻止用户单击它们.我是否有办法将.owl-nav移到.owl-staging-outer后面,同时仅当用户将鼠标悬停在滑块上时仍能够显示导航菜单项? .wrapper { position: relative; ..
发布时间:2020-05-23 19:10:45 前端开发

猫头鹰轮播幻灯片n到n

使用 猫头鹰传送带 ,并尝试将项目逐五滑动,现在我有5个项目,我想当我按“下一个"或“上一个"按钮时,它移到下一个5个项目,当前它移到下一个项目,有可能吗? $('.owl-carousel').owlCarousel({ loop:true, items:5, margin:10, nav:true }) 演示 我通过Google搜索并检查了插件网 ..
发布时间:2020-05-23 19:10:26 前端开发

猫头鹰传送带100%高度

我对猫头鹰传送带2有点疑问, 这是我网站的旧版本, http://lukaszradwan.com/pl/ 请看一下主滑块.这不是猫头鹰传送带,我不知道它是什么,但是它可以正常工作(高度设置为100%)-而且太重了. 我已将其更改为owl carousel,请参见 http://lukaszradwan.com/ 它反应灵敏,但我无法将高度设置为100%. JS $('.o ..
发布时间:2020-05-23 19:10:21 前端开发

使用Owl Carousel 2替换当前项目

如何用新的物品替换/重建owl carousel物品? 说明 在许多情况下,例如当您从数据库中获取新数据时,您会在轮播中添加新数据,但是在此示例中,我尝试将所有项目替换为一个新项目. $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true }); ..
发布时间:2020-05-23 19:10:19 其他开发

猫头鹰轮播2动态内容JSON

我在使用JSON/AJAX在Owl carousel 2中显示动态内容时遇到问题.我在控制台中没有收到任何错误消息,但是无法使轮播工作.我只看到一个空白页.我可以用jquery.append附加从JSON文件中获取的图片网址,但不会以这种方式显示在轮播中.显示设置为“阻止".任何提示我缺少什么? index.html- ..
发布时间:2019-11-24 19:08:10 前端开发

如何使用Owl Carousel 2根据轮播中的项目数更改选项?

我正在将Owl Carousel 2用于动态内容的项目,并且可以添加无限数量的幻灯片. 因此,可能有一个只有三个幻灯片的实例或一个有六个幻灯片的实例. 我想要的功能是,如果幻灯片少于四个(轮播一次显示四个项目),则添加mouseDrag: false和touchDrag: false选项. 这是我的JS: $('.owl-carousel').owlCarousel({ ..
发布时间:2019-11-18 10:23:18 前端开发