마우스를 입력 할 때 계속 스크롤

Question

어떻게해야합니까?

$('#forward').mouseenter(
     function() { 
      $("#scroller").trigger("slideTo", [1, "next"]);   
     } 
    ); 

    $('#backward').mouseenter(
     function() { 
      $("#scroller").trigger("slideTo", [1, "back"]);   
     } 
    ); 

내 마우스가 버튼 위에있을 때 스크롤을 계속해야하며 내 마우스가 버튼 밖에있을 때 스크롤을 중지합니다. 분명히 한 번 스크롤 한 다음 중지합니다. 마우스를 움직이면 사용자가 버튼을 계속 클릭하지 않도록 버튼을 활성화해야합니다.

참조 :

Answer 1

난 당신이 http://jsfiddle.net/DNcAS/4/

scroll : { 
    items   : 1, 
    duration  : 1000, 
    easing   : "linear", 
    pauseDuration : 0 
} 

으로 구성 옵션을 수정하거나 hoverhttp://jsfiddle.net/DNcAS/5/

에 의해 mouseenter 및 mouseleave을 대체 할 수있는 선형 스크롤 들어이 http://jsfiddle.net/DNcAS/3/

$("#foo2").carouFredSel({ 
    auto : { 
     button   : "#foo2_play" 
    }, 
    scroll : { 
     items   : 1, 
     duration  : 1000, 
     pauseDuration : 0 
    } 
}).trigger("pause"); 


$('#foo2_next').mouseenter(
     function() { 
      $("#foo2").trigger("configuration", ["direction", "left"]) 
         .trigger("play"); 
     }).mouseleave(function(){ 
      $("#foo2").trigger("pause"); 
     }); 

$('#foo2_prev').mouseenter(
     function() { 
      $("#foo2").trigger("configuration", ["direction", "right"]) 
         .trigger("play"); 
     }).mouseleave(function(){ 
      $("#foo2").trigger("pause"); 
     });​ 

찾고있는 생각

PS : 심지어 짧은 버전 http://jsfiddle.net/DNcAS/6/

$('#foo2_next,#foo2_prev').hover(function() { 
      var dir = $(this).hasClass('next') ? 'left' : 'right'; 
      $("#foo2").trigger("configuration", ["direction", dir]) 
         .trigger("play"); 
     }, function(){ 
      $("#foo2").trigger("pause"); 
     }); 

Answer 2

는이 같은 것을 의미합니까 http://caroufredsel.frebsite.nl/code-examples/custom-events.php?

var forwardInterval; 
$('#forward').mouseenter(
    function() { 
     forwardInterval = setInterval(function() { 
      $("#scroller").trigger("slideTo", [1, "next"]);   
     }, 1000); 
    } 
); 
$('#forward').mouseleave(
    function() { 
     clearInterval(forwardInterval); 
    } 
);