Я хочу спросить об автоигре Owl Carousel.
Я создал HTML-код, подобный следующему:
<div class="owl-carousel">
<div class="item"><img class="img-clients" src="img/img1.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img2.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img3.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img4.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img5.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img6.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img7.png" alt="" ></div>
<div class="item"><img class="img-clients" src="img/img8.png" alt="" ></div>
</div>
и вот файл js:
$(document).ready(function (){
$('.owl-carousel').owlCarousel({
items:5,
center:true,
autoPlay:true,
autoPlayTimeout:1000,
autoplaySpeed:3000,
autoHeight:true,
autoplayHoverPause:true,
loop:true,
// smartSpeed:1000,
margin:5,
responsive:{
480:{
items:3,
margin:2
},
919:{
items:4,
margin:4
}
}
});
});
но, похоже, это не сработало. что делает это неправильно? кто-нибудь может помочь?