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
..
我使用 Owlcarousel 2 在多个 div 上滑动,问题是在每个“滑动页面"内都有一些元素定位为绝对(相对也不起作用),并且它们在动画时不可见,它们只是动画完成时“blick-in". 这就是我的 html 的样子
..
我正在使用 Owl Carousel 2 并尝试使用文本制作自定义点.自定义点显示出来,但单击它们时没有任何反应.IE.当您单击一个点时,它不会跳回相应的幻灯片,它只是什么都不做.单击自定义点时,如何使轮播转盘转到相应的幻灯片? 完整代码在这里:https://codepen.io/anon/pen/ZqKaEZ HTML:
..
我注意到使用Owl Carousel 2时,在移动查看中滑动项目时,浏览器也可以上下移动.尝试在移动设备中触发Owl Carousel 2的上一个和下一个功能时禁用滚动功能,但是它仍然无法正常工作. $('.owl-carousel').owlCarousel({ loop:true, margin:5, nav:true, items:2, }); // $
..
我有一个简单的angular 6应用程序,并添加了一个simple ngx-owl-carousel,我按照说明进行了所有步骤,这里是链接:这是我的html:
..
在这种情况下,有一些主题,但是在尝试所有方法后都没有成功.我试图在owl carousel 2插件中使图像响应,我在插件选项中使用了responsive选项,并且可以控制所需分辨率上的项目数,但是在某些分辨率下图像不适合父级高度,父级为view-ad-image它具有250px的高度,我想要所有分辨率的图像都适合这个高度. 到目前为止我尝试过的事情: .owl-carousel .ow
..
$(document).ready(function(){ $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, items: 1 }) });
1
..
我在一个看起来完美的页面中构建了2个响应式Owl-carousel-v2. 将它们放入标签后,第一个轮播可以使用,但标签面板后面的那个却失去了项目的宽度,我无法使其正常工作. 如果我所有的物品都具有一定的宽度,那么所有的物品都会垂直列出. 这是我的演示笔: http://codepen.io/bard/pen/NxqyQy/ 我想问题是页面加载时会计算出项目宽度. 如何解决这个问
..
我正在研究owl-carousel.目前,我有一个问题,我的滑块宽度表现得很差. 当我加载/刷新网站时,owl-carousel具有一定的宽度值,但是下一张幻灯片的一部分是可见的(我想避免这种情况).在初始加载后,同时调整窗口大小(切换最大化或通过拖动更改宽度或高度)的同时,它会将宽度设置为所需的正确值.我不明白为什么会这样.我想在最初的负荷中避免这种习惯. 这是我的jQuery.
..
我有两个想要使用的轮播,它们都具有相同数量的物品,所以没问题,但是我只想要一个导航dots,并且能够使用相同的触发条件来触发多个dots属性. $('.div_main .owl-dots').each(function(index) { $(this).attr('data-index','dot-'+index); }); $('.owl-dots[data-index="dot
..
我正在使用猫头鹰转盘,并尝试修改.owl-nav按钮,以便仅当用户将鼠标悬停在滑块上时,它们才会出现在转盘的侧面.我已经编写了以下CSS,但问题是.owl-nav阻止了滑块项并阻止用户单击它们.我是否有办法将.owl-nav移到.owl-staging-outer后面,同时仅当用户将鼠标悬停在滑块上时仍能够显示导航菜单项? .wrapper { position: relative;
..
使用 猫头鹰传送带 ,并尝试将项目逐五滑动,现在我有5个项目,我想当我按“下一个"或“上一个"按钮时,它移到下一个5个项目,当前它移到下一个项目,有可能吗? $('.owl-carousel').owlCarousel({ loop:true, items:5, margin:10, nav:true }) 演示 我通过Google搜索并检查了插件网
..
我对猫头鹰传送带2有点疑问, 这是我网站的旧版本, http://lukaszradwan.com/pl/ 请看一下主滑块.这不是猫头鹰传送带,我不知道它是什么,但是它可以正常工作(高度设置为100%)-而且太重了. 我已将其更改为owl carousel,请参见 http://lukaszradwan.com/ 它反应灵敏,但我无法将高度设置为100%. JS $('.o
..
如何用新的物品替换/重建owl carousel物品? 说明 在许多情况下,例如当您从数据库中获取新数据时,您会在轮播中添加新数据,但是在此示例中,我尝试将所有项目替换为一个新项目. $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true });
..
我正在使用带有lazyload选项为true的owlcarousel 2,我想在用户看到轮播的第一个图像的同时开始在后台预加载下一张幻灯片的图像,这样用户就看不到加载程序,而直接在下一张幻灯片中看到加载的图像 这是我的html代码
..
我在使用JSON/AJAX在Owl carousel 2中显示动态内容时遇到问题.我在控制台中没有收到任何错误消息,但是无法使轮播工作.我只看到一个空白页.我可以用jquery.append附加从JSON文件中获取的图片网址,但不会以这种方式显示在轮播中.显示设置为“阻止".任何提示我缺少什么? index.html-
..
我正在将Owl Carousel 2用于动态内容的项目,并且可以添加无限数量的幻灯片. 因此,可能有一个只有三个幻灯片的实例或一个有六个幻灯片的实例. 我想要的功能是,如果幻灯片少于四个(轮播一次显示四个项目),则添加mouseDrag: false和touchDrag: false选项. 这是我的JS: $('.owl-carousel').owlCarousel({
..
我需要在某些页面中创建多个响应式猫头鹰轮播,我需要使用数据属性.我是这样工作的,但我无法响应我的轮播, jQuery var $carousel = $('.data-carousel[data-carousel]'); if ($carousel.length) { $carousel.each(function() { $(this).owlCarousel
..
$(".owl-carousel").owlCarousel({ margin:10, dots:false, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{
..