Итак, я делаю сайт, и мне нужно больше слайдеров с разными классами, чтобы я мог их настроить, например, на слайдере будет отображаться 3 слайда, на другом будет отображаться только один.
Вот код одного из них:
<div class="testimonials owl-carousel owl-theme owl-loaded">
<div class="owl-stage-outer">
<div class="owl-stage">
<div class="owl-item">
<div class="s__t__card">
Distinctively myocardinate adaptive action items without high-quality initiatives. Holisticly envisioneer web-enabled methodologies with integrated relationships. Energistically engage covalent action items whereas customer directed technology. Interactively customize stand-alone services via reliable results.a
</div>
</div>
</div>
</div>
</div>
jQuery:
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop: true,
margin: 30,
nav: false,
dots: false,
autoplay: true,
autoplaySpeed: 2000,
autoplayTimeout: 4000,
responsive: {
1000: {
items: 3,
}
}});
$('.testimonials').owlCarousel({
loop: true,
margin: 30,
nav: false,
dots: true,
autoplay: true,
autoplaySpeed: 2000,
autoplayTimeout: 4000,
responsive: {
1000: {
items: 1,
}
}});});
Показывает 3 слайда вместо 1, помогите!