jquery - Owl Carousel 无限循环

标签 jquery owl-carousel

我想要实现的是让我的 Owl Carousel 无限循环。在最后一个图像 slider 从右到左恢复到第一个图像之后,但我希望我的图像不要恢复回来,这意味着在最后一个图像之后,第一个图像将从左到右出现。

这是我的代码

$(document).ready(function() {
         $('.five').owlCarousel({
loop:true,
margin:10,
autoPlay:true,
nav:true,
rewindNav:false,
responsive:{
    0:{
        items:1
    },
    600:{
        items:3
    },
    1000:{
        items:4
    }
}
  })
    });

最佳答案

当您使用响应式类时,它总是会覆盖顶部选项。
因此,您所需要做的就是向响应式项目添加 loop 选项。

responsive:{
  0:{
    items:1,
    loop:true
  },
  600:{
    items:3,
    loop:true
  },
  1000:{
    items:4,
    loop:true
  }
}

关于jquery - Owl Carousel 无限循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47941722/

相关文章:

jquery - Owl Carousel ,显示子绝对div,超过父溢出隐藏div

jquery - Owl Carousel 切割div

JavaScript 单击时关闭菜单

owl-carousel - 根据视口(viewport)大小销毁和初始化 Owl Carousel 2

javascript - 使用ajax获取目录文件

javascript - 在 Javascript 表中添加从零开始的计数器

javascript - 如何在 ajax 调用后重新初始化 Owl Carousel?

javascript - 如何在javascript中进行两次循环?

javascript - 焦点()jQueryUI不工作

javascript - 在 jQuery 函数中多次调用 ColdFusion.Ajax.submitform()