我在我的网站上使用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]
选项。
仍然,自动播放不起作用。
答案 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
}
}
});