Fotorama Slider: как заставить слайдер останавливаться при наведении курсора мыши на возобновление автоматического воспроизведения при отсутствии мыши?

Ползунок 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">

slider jquery mouseover autoplay fotorama
person Greg Robertson    schedule 05.10.2013    source источник
comment
Если я установлю для data-stopautoplayontouch=false значение true, ползунок будет останавливаться при наведении курсора мыши, но не возобновится при выходе из него.   -  person Greg Robertson    schedule 05.10.2013

Ответы (1)


arrow_upward
2
arrow_downward 

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

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

Скрипт: http://jsfiddle.net/aha3xLsy/

person Art    schedule 20.10.2013