Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is it possible to implement a circular/infinite carousel using owl carousel? [closed]

I am using owl carousel and it works perfectly except it does not support circular/infinite scrolling. I did search for ideas on google and stackoverflow with no luck. Has anyone implemented circular/infinite scrolling in owl carousel?

like image 911
Manu Goel Avatar asked Dec 03 '13 07:12

Manu Goel


People also ask

How do you make an owl carousel responsive?

Setting of the responsive is very simple. Structure of responsive option: responsive : { // breakpoint from 0 up 0 : { option1 : value, option2 : value, ... }, // breakpoint from 480 up 480 : { option1 : value, option2 : value, ... }, // breakpoint from 768 up 768 : { option1 : value, option2 : value, ... } }

How do you stop owl carousel slider on mouseover?

Just add stopOnHover:true in your script.


2 Answers

Owl Carousel does have the loop: true configuration setting. But, there's a few problems I don't like:

  1. Owl doesn't goto the first slide when at the end, when dragging (instead of clicking on navigation buttons)
  2. Owl rewinds to the first slide, it doesn't wrap around infinitely. This is a big difference, and not nearly as pleasing as a properly circular / infinitely scrolling carousel.

To that end I've found and recommend using the Slick Carousel instead. Slick has a "Center Mode" which had exactly the functionality I was looking for:

http://kenwheeler.github.io/slick/

like image 132
leepowers Avatar answered Nov 22 '22 01:11

leepowers


No.They said that carousel doesn't support circular slides. Possibly this may help:

rewindNav: true

But this works only with navigation arrows, not with responsive slides =(

Or you may huck it somehow)

like image 30
spiny_beast Avatar answered Nov 22 '22 02:11

spiny_beast