猫头鹰轮播问题(自动播放+响应)

时间:2017-02-19 21:09:30

标签: javascript jquery owl-carousel

我在我的网站上使用owlcarousel,但我遇到了一些问题。首先,响应性不能正常工作。对于两个人来说,旋转木马不会自动播放。您可以看到问题here

这是我的代码:

$(".owl-carousel").owlCarousel({
    items: 1,
    loop: true,
    center: true,
    dots: true,
    autoplay: true,
    autoplayTimeout: 5000,
    autoplaySpeed: 5000,
    responsiveClass: true,
    responsive:{
      0:{
          items: 1 
      },
      600:{
          items: 1
      },
      1200:{
          items: 1
      }
  }
});

更新:我设法通过添加以下内容来解决响应问题:

itemsDesktop: [1200, 1],
itemsTablet: [980, 1],
itemsMobile: [700, 1]

选项。

仍然,自动播放不起作用。

1 个答案:

答案 0 :(得分:0)

这是我的解决方案:

      $('.owl-carousel').owlCarousel({
            item:3,
            singleItem: true,
            autoplay: true,
            autoplayTimeout: 5000,
            loop: true,
            nav: true,
            responsiveClass: true,
            responsive:{
                0:{
                    items: 1,
                    dots: false
                },
                600:{
                    items: 2,
                    dots: false
                },
                1200:{
                    items: 3
                }
            }
        });