Owl Carousel 2, 8 units in two rows

Is it possible to make a carousel in two rows? I need images as below:

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 

& on 1 page only 1 to 4 images will be displayed due to the width (or in small devices), so basically on one page it will look like

 1 2 3 4 5 6 7 8 

& by clicking on the next-prev buttons, others will be displayed. Hope I can figure it out.

+7
source share
3 answers

I don’t know what an owl is, but you can do it with Swiper Slider: http://idangero.us/swiper/demos/#.WKK5fTt96Ul

+3
source

These steps can complete your tasks. We can do it

  • wrapping an element class inside row and column classes (you can use either custom classes or boot classes)
  • customizing the adaptive settings provided by owl carousel plugins, which will be in the js file.

If you have done something with the code, please provide the code so that we can point out errors.

0
source

I was looking for how to do it right with an owl carousel. But I never did that. But I found a solution with a smooth carousel (Slick.js). And I converted what I needed with pagination, lines and filters

0
source

Source: https://habr.com/ru/post/1264194/


All Articles