B
B
Bobull2016-09-20 15:06:20
Owl Carousel
Bobull, 2016-09-20 15:06:20

How to implement a carousel for different resolutions (owl carousel)?

How can I implement a carousel for different devices (different resolutions) using owl carousel (or another carousel. It is important that it works on a tablet, phone) in this form:
Screen expansion from 1280 (displays 3x3 items on the page)
fa8225330aa3422cb17762b86074b9b9.jpg
Screen expansion from 800 to 1280 (displays 2x2 items per page)
b031ad1e701d4cac8339bc23e58610fa.jpg
Screen expansion from 450 to 800 (displays one item)
cdc983935dad4c6a970efccd54b7f5cc.jpg

Answer the question

In order to leave comments, you need to log in

2 answer(s)
A
Ankhena, 2016-09-20
@Ankhena

owlcarousel.owlgraphic.com/demos/responsive.html
Select the values ​​9, 4 and 1 for the desired sizes.
And a little bit to finish the styles so that there are several lines.

B
Bobull, 2016-09-28
@Bobull

Not really a solution for me. But you can use this method: jsfiddle.net/Owl/TWtwt
Maybe it will come in handy for someone.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question