У меня 2 проблемы, когда я использую owl carousel2 на экране мобильного телефона и установил rtl: true
и center: true
.
Задача 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
}
}
})
})
Я создаю пример с файлом js и css из owlcarousel2.github.io
с новыми обновлениями owl carousel2.
Демонстрационная задача:
https://jsfiddle.net/j7jg7ynb/6/