在owl.carousel插件中怎么让鼠标离开后继续播放
来源:6-3 如何实现响应式广告-3
mr_hlj
2017-05-18
在老师的讲课视频中,鼠标在上边的时候停止轮播,但是鼠标离开之后必须点击下一张图的那个按钮之后才可以自动轮播;我想要的是不需要点击,只要鼠标离开之后就让它自动轮播,跪求解答、、、
写回答
3回答
-
我的写出来的,代码我给你发过去!
$(document).ready(function () {
var owl = $('.owl-carousel');
$(".owl-carousel").owlCarousel({
items: 1,
loop: true,
autoplay: true,
autoplayTimeout: 1000,
autoplayHoverPause: true,
nav:true,
navText:['<','>']
});
$('.ad').on('mouseover',function(){
owl.trigger('stop.owl.autoplay')
})
$('.ad').on('mouseleave',function(){
owl.trigger('play.owl.autoplay',[1000])
})
});
122017-05-23 -
姜维
2017-05-22
这个应该是 carousel 插件的bug,你试试看下载最新的版本,有没有解决?
122017-05-23 -
Lindaql
2017-05-22
不知道你的问题解决了嘛?我现在页遇到这个问题
022017-07-11
相似问题