Fotorama Slider:当鼠标移出时,如何让鼠标暂停鼠标悬停在恢复自动播放上?

时间:2013-10-05 17:00:19

标签: jquery slider mouseover autoplay fotorama

Fotorama Slider:滑块设置为Autoplay =“true”,效果很好。如何让滑块在鼠标悬停时暂停,然后在鼠标移出时恢复自动播放?这是我的代码:

<div class="fotorama" data-width="1170" data-ratio="1170/374" 
     data-max-width="100%" data-autoplay="true" data-autoplay="3000" 
     data-stopautoplayontouch="false">

1 个答案:

答案 0 :(得分:2)

var $fotorama = $('.fotorama'),
    interval = $fotorama.data('autoplay'),
    fotorama = $fotorama.data('fotorama');

$fotorama.hover(
    function () {
        fotorama.stopAutoplay();
    },
    function () {
        fotorama.startAutoplay(interval);
    }
);

小提琴:http://jsfiddle.net/aha3xLsy/