3

Fotorama 滑块:滑块设置为 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">
4

1 回答 1

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/

于 2013-10-20T12:00:39.460 回答