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">

最佳答案

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

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


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

10-08 11:06