2013-10-05 5 views
3

Fotorama Slider : 슬라이더가 자동 재생 = " true로 설정되어 있으며 "으로 잘 작동합니다. 마우스를 올리면 슬라이더가 멈추게하고 마우스를 놓으면 자동 재생을 재개 할 수 있습니까? 여기 내 코드입니다 :Fotorama Slider : 마우스를 끈 상태에서 이력서 자동 재생 중에 마우스를 일시 중지하려면 어떻게합니까?

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

나는 "true"로 슬라이더를 통해 마우스 일시 중지 할 데이터 stopautoplayontouch는 = "false"로 설정하지만 마우스 밖으로 다시 시작하지 않을 경우 . –

답변

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/