在owl.carousel插件中怎么让鼠标离开后继续播放

来源:6-3 如何实现响应式广告-3

mr_hlj

2017-05-18

在老师的讲课视频中,鼠标在上边的时候停止轮播,但是鼠标离开之后必须点击下一张图的那个按钮之后才可以自动轮播;我想要的是不需要点击,只要鼠标离开之后就让它自动轮播,跪求解答、、、

写回答

3回答

Lindaql

2017-05-22

我的写出来的,代码我给你发过去!

$(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])

    })

});



1
2
mr_hlj
谢啦,已经解决
2017-05-23
共2条回复

姜维

2017-05-22

这个应该是 carousel 插件的bug,你试试看下载最新的版本,有没有解决?

1
2
mr_hlj
有,是我没看到
2017-05-23
共2条回复

Lindaql

2017-05-22

不知道你的问题解决了嘛?我现在页遇到这个问题

0
2
mr_hlj
解决了 ,就是用的一楼的解决方案
2017-07-11
共2条回复

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程