2013-10-05 53 views
3

Fotorama滑塊:滑塊設置爲自動播放= " true ",它的效果很好。如何讓鼠標懸停在鼠標上,然後在鼠標移出時恢復自動播放?這裏是我的代碼:Fotorama滑塊:如何在鼠標懸停時將滑塊暫停在恢復自動播放中?

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

如果我設置數據stopautoplayontouch =「假」到「真」滑塊將通過在鼠標暫停,但不會在鼠標恢復出來。 –

回答

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/