Reputation: 123

How not to stop owl carousel on hover?

Currently the carousel stops when you hover it, I've added autoplayHoverPause:false but it doesn't seem to change anything. Is there another option that I could use to stop it from stopping when it's hovered?

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

Upvotes: 7

Answers (7)

Rumit Patel

Reputation: 12459

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

Use mouseDrag : false.

Upvotes: 0

Nadeem

Reputation: 319

To stop the slide on hover just add the following to your script:

autoplayHoverPause:true

Upvotes: 10

Smrity Ray

Reputation: 19

Just add stopOnHover:true in your script.

Upvotes: 1

Chirag Makwana

Reputation: 1

You can try to modify hover css which is created through owl.carousle.js

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

                });
</script>

Upvotes: 0