Я получаю неправильный счетчик точек с Совой Карусель, когда я удаляю автоматическую ширину, она работала нормально, но когда я установил автоматическую ширину, это дает мне неправильный счетчик точек.
Неправильный счет, как я установил в общей сложности 8 изображенийна моей карусели, и он показывает мне 8 точек 4 экземпляра (я устанавливаю настройки как элементы: 2 и slideBy: 2)
LIVE Demo : проверка с разрешением рабочего стола.
HTML:
<div id=”client-testimonialslider” class="owl-carousel owl-theme">
<div class="item"><h4>1</h4></div>
<div class="item"><h4>2</h4></div>
<div class="item"><h4>3</h4></div>
<div class="item"><h4>4</h4></div>
<div class="item"><h4>5</h4></div>
<div class="item"><h4>6</h4></div>
<div class="item"><h4>7</h4></div>
<div class="item"><h4>8</h4></div>
</div>
$(document).ready(function(){
$('#client-testimonialslider').owlCarousel({
rtl:true,
loop:true,
nav:false,
margin:30,
items: 2,
slideBy: 2,
itemsDesktopSmall : [900,1], // betweem 900px and 601px
itemsTablet: [700,1], // 2 items between 600 and 480
itemsMobile : [479,1] , // 1 item between 479 and 0
autoplay:true,
autoplayTimeout:10000,
responsive:{
0:{
items:1,
slideBy: 1
},
600:{
items:1,
slideBy: 1
},
992:{
items:2,
slideBy: 1,
autoWidth:true
},
1201:{
items:3,
autoWidth:true
},
1400:{
items:1,
autoWidth:true
},
1600:{
items:3,
autoWidth:true
},
1800:{
items:3,
autoWidth:true
},
2000:{
items:4,
autoWidth:true
}
}
});
});
Пожалуйста, помогите мне решить эту проблему.
Заранее спасибо.