How not to stop the carousel owl on hovering?

Question

Currently, the carousel stops when you hover it, I added autoplayHoverPause:false , but it does not change anything. Is there any other option that I could use to stop it from stopping when it was hanging?

 $('.owl-carousel').owlCarousel({ autoplayHoverPause:false, loop:true, margin:0, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1000:{ items:4 } } }); 

Answer 1

As j.rey noted, stopOnHover seems to be the right way to start / stop autoplay when you hover over the specs on this page:

http://owlgraphic.com/owlcarousel/#customizing

I do not see links to autoplayHoverPause in the docs. Perhaps it was an older version?

Answer 2

set autoplayHoverPause:false

Fiddle

Answer 3

stopOnHover: true https npmjs.com react-owl-carousel package

Answer 4

stopOnHover: true https npmjs.com reaction-owl-carousel package

Use mouseDrag: false,

Answer 5

You can try changing the hover css that is created using owl.carousle.js

 <script> $(".owl-wrapper-outer").mouseover(function(){ $('.owl-wrapper').css({ "-webkit-transition": "", "-moz-transition": "", "-o-transition": "", "transition": "", }); }); </script> 

Answer 6

Just add stopOnHover: true to the script.