Owl-carousel выводит 2 слайда, когда опция прописана «items: 1». Как исправить? owl-carousel выводит 2 слайда, когда опция прописана "items: 1". Если изменить размер окна браузера мышкой - то слайдер сразу адаптируется, и остается только 1 слайд. Но при перезагрузке браузера - опять 2 слайда на экране.
Вот код вызова слайдера:
$('.owl-carousel').owlCarousel({
items:1,
loop:true,
center:true,
margin:10,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
Вот как выглядит проблема take.ms/HW7iQ
А при ресайзе все становится на место - take.ms/ji4FO
Owl-carousel выводит 2 слайда, когда опция прописана «items: 1». Как исправить? owl-carousel выводит 2 слайда, когда опция прописана "items: 1". Если изменить размер окна браузера мышкой - то слайдер сразу адаптируется, и остается только 1 слайд. Но при перезагрузке браузера - опять 2 слайда на экране.
Вот код вызова слайдера:
$('.owl-carousel').owlCarousel({
items:1,
loop:true,
center:true,
margin:10,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
Вот как выглядит проблема take.ms/HW7iQ
А при ресайзе все становится на место - take.ms/ji4FO
Вот код вызова слайдера:
$('.owl-carousel').owlCarousel({
items:1,
loop:true,
center:true,
margin:10,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
Вот как выглядит проблема take.ms/HW7iQ
А при ресайзе все становится на место - take.ms/ji4FO
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Гарантированные бесплатные доработки
Быстрое выполнение от 2 часов
Проверка работы на плагиат
Интересные статьи из справочника
Поможем написать учебную работу
Отвечай на вопросы, зарабатывай баллы и трать их на призы.
Подробнее
Подробнее
Проблема здесь может быть связана с тем, как Owl Carousel определяет ширину элементов в момент загрузки страницы. Попробуйте добавить код для обновления слайдера после загрузки страницы:
$(document).ready(function(){$('.owl-carousel').owlCarousel({
items:1,
loop:true,
center:true,
margin:10,
responsive:{
0:{
items:1
},
600:{
items:1
},
1000:{
items:1
}
}
});
});
Этот код гарантирует, что слайдер будет инициализирован после загрузки страницы, что может помочь решить проблему с отображением двух слайдов при загрузке страницы.