owl carousel autoplay on hover
Без циклической прокрутки:
var owl_catalog_item=$('.owl_catalog_item'); owl_catalog_item.owlCarousel({ items:1, loop:false, margin:0, autoplay:true, autoplayTimeout:1000, autoplayHoverPause:false, dots:false, nav:false, navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], responsive:{ 0:{ }, 480:{ }, 768:{ } } }); owl_catalog_item.trigger('stop.owl.autoplay'); $('.catalog .item').on('mouseenter',function(){ if($(this).find('.owl_catalog_item a').length>1){ $(this).find('.owl_catalog_item').trigger('play.owl.autoplay',[1000]); } }); $('.catalog .item').on('mouseleave',function(){ $(this).find('.owl_catalog_item').trigger('stop.owl.autoplay'); $(this).find('.owl_catalog_item').trigger('to.owl.carousel',0); });
С циклической прокруткой:
var owl_catalog_item=$('.owl_catalog_item'); owl_catalog_item.owlCarousel({ items:1, loop:true, margin:0, autoplay:true, autoplayTimeout:1000, autoplayHoverPause:false, dots:false, nav:false, navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'], responsive:{ 0:{ }, 480:{ }, 768:{ } } }); owl_catalog_item.trigger('stop.owl.autoplay'); $('.catalog .item').on('mouseenter',function(){ $(this).find('.owl_catalog_item').trigger('play.owl.autoplay',[1000]); }) $('.catalog .item').on('mouseleave',function(){ $(this).find('.owl_catalog_item').trigger('stop.owl.autoplay'); });