Hey all I have a quick question regarding the Owl Carousel.
How can I enable the touchdrag when I first use this code:
var owl = $(".full-slider");
owl.owlCarousel({
slideSpeed : 500,
singleItem : true,
pagination : false,
autoPlay : false,
afterMove : slideChanged,
startDragging : pauseOnDragging,
touchDrag : false,
mouseDrag : false
});
Depending on the options the user uses on my page, I want to disable the ability to drag to the next slide. But if the user completes the options then I would like to enable it back so they can drag to the next slide.
How can this be done? I haven't been able to find a good example online for doing this.
var owl = $(". full-slider"); owl. owlCarousel({ slideSpeed : 500, singleItem : true, pagination : false, autoPlay : false, afterMove : slideChanged, startDragging : pauseOnDragging, touchDrag : false, mouseDrag : false });
Setting Up Owl Carousel 2 is easy; first place the jQuery, right after that, call the owl carousel JavaScript link. To provide the aesthetics also add the carousel CSS links. We are using the CDN links however you can download the owl carousel and call the scripts and CSS locally.
owl. carousel', [$(this). index(), 300]); }); That should be all you need to get custom dots up and going with Owl Carousel 2.
I found out how to do it finally:
owl.data('owlCarousel').reinit({
touchDrag : true,
mouseDrag : true
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With