在移动设备屏幕尺寸上使用owl carousel2并设置rtl: true
和center: true
时,我遇到了2个问题。
问题1:上次幻灯片(演示中的幻灯片5)在用鼠标拖动或触摸时不显示。
问题2:如果有一张幻灯片,则幻灯片1不显示。
$(document).ready(function () {
var owl = $('.owl-carousel');
owl.owlCarousel({
rtl: true,
center: false,
items: 4,
responsiveClass: true,
loop: false,
nav: false,
margin: 10,
lazyLoad: false,
autoplay: false,
autoplayTimeout: 10000,
smartSpeed: 200,
autoWidth: true,
responsive: {
0: {
items: 1,
center: true,
autoWidth: true
},
768: {
items: 2,
center: false,
autoWidth: true
},
992: {
items: 3,
center: false,
autoWidth: false
},
1200: {
items: 4,
center: false,
autoWidth: false
}
}
})
})
我使用owlcarousel2.github.io
的js和css文件创建了一个示例,其中包含新的owl carousel2更新。