В настоящее время я использую Owl Carousel для показа галереи на устройствах для настольных компьютеров и ноутбуков. Однако на более мелких устройствах я хотел бы отключить плагин и показать каждое изображение, сложенное под ним.
Возможно ли это? Я знаю, что вы можете настроить Owl Carousel, чтобы показать определенное количество изображений на экране в определенных точках останова. Но я хотел бы полностью отключить его, удалив все div и т.д.
Вот ручка того, с чем я сейчас работаю: http://codepen.io/abbasinho/pen/razXdN
HTML:
<div id="carousel">
<div class="carousel-item" style="background-image: url(http://owlgraphic.com/owlcarousel/demos/assets/owl1.jpg);">
</div>
<div class="carousel-item" style="background-image: url(http://owlgraphic.com/owlcarousel/demos/assets/owl2.jpg);">
</div>
<div class="carousel-item" style="background-image: url(http://owlgraphic.com/owlcarousel/demos/assets/owl3.jpg);">
</div>
</div>
CSS
#carousel {
width: 100%;
height: 500px;
}
.carousel-item {
width: 100%;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
JQuery
$("#carousel").owlCarousel({
navigation : true,
slideSpeed : 300,
paginationSpeed : 400,
singleItem: true
});
Любая помощь с благодарностью принимается как всегда!