How to stop and play owl carousel on click.. so here is the custom script that help you to work owl carousel as per your need.
If your owl carousel is on autoplay mode then..
// Pause on click item image
jQuery('body').on('click','.owl-carousel .item img',function(){
jQuery('.owl-carousel').trigger('stop.owl.autoplay');
var carousel = jQuery('.owl-carousel').data('owl.carousel');
carousel.settings.autoplay = false;
carousel.options.autoplay = false;
jQuery('.owl-carousel').trigger('refresh.owl.carousel');
});
After Pause the carousel if you want to play that again then..
// Replay on click close
jQuery('body').on('click','.vidpop', function(){
jQuery('.owl-carousel').trigger('play.owl.autoplay');
var carousel = jQuery('.owl-carousel').data('owl.carousel');
carousel.settings.autoplay = true;
carousel.options.autoplay = true;
jQuery('.owl-carousel').trigger('refresh.owl.carousel');
});
Note : Please Contact with me if you are still in confusion.
I hope this help you thanks .. 🙂
