마우스 오버시 즉시 jcarousel을 멈추고 마우스 아웃시 계속하는 방법

Question

액션 (이 경우 마우스를 올리면)으로 전환을 멈추려 고하지만 그 방법을 알지 못합니다. 이 내가 테스트를 만들고있어 어디 :

http://lvemil.net/gla/web/

나는 jcarousel의 3 개 인스턴스가 내 목표는 마우스 오버에 움직임 (즉시)를 중지하는 것입니다. 문제는 마우스가 회전 목마 위에있을 때 멈추지 만 현 재 전환이 중지 전에 끝났으며 감각이 원하는 것이 아니라면 마우스 오버시 즉시 이동을 중지하고 싶습니다.

$('#jcarousel1') 
.jcarousel({ 
    'animation': { 
     'duration': 6000, //DEFINE SPEED 
     'easing': 'linear', 
     'complete': function() { 
     //ON ANIMATION COMPLETE ACTION GO HERE 
     } 
    }, 
    'wrap': 'circular' 


}).jcarouselAutoscroll({ 
    interval: 1, 
    target: '+=1', 
    autostart: true 
}).on('mouseover',function(e){ 
    $(this).jcarouselAutoscroll('stop'); 
}).on('mouseout',function(e){ 
    $(this).jcarouselAutoscroll('start'); 
}); 

다른 사람에게 jcarousel의 두 인스턴스가 초기화 된 유사하다 :

이

첫 번째 회전 목마에 대한 초기화입니다.

UPDATE : 이미 시도 :

$('#jcarousel1').jcarousel('list').stop(); 

이것은 운동 (스크롤)을 중지하지만 난이 예전 같은 위치에 마우스 다시 운동을 시작할 수 아니에요.

UPDATE 1 : 나는 또한에서 마우스를 이동하면 시도 (그리고 다시 작동하도록)

$('#jcarousel1').jcarousel('destroy') 
$('#jcarousel1').jcarousel(arrayWithInitOptions) 

을하지만, 회전 목마 (재 장전)의 처음부터 운동을 시작하기 때문에이 원하지 않는 효과가있다 첫 번째 항목, 그리고 mouseover 때와 같은 위치에서 다시 시작하고 싶습니다.

Answer 1

당신은 당신이 작업을했다 당신의 예에서 볼이

<script type="text/javascript" src="jquery.jcarousel.min.js"></script> 
    <script type="text/javascript"> 
    function mycarousel_initCallback(carousel) 
    { 
     // Pause autoscrolling if the user moves with the cursor over the clip. 
     carousel.clip.hover(function() { 
      carousel.stopAuto(); 
     }, function() { 
      carousel.startAuto(); 
     }); 
    }; 

    jQ=jQuery.noConflict(); 
    jQ(document).ready(function() { 
     jQ('#mycarousel').jcarousel({ 
        auto: 3, 
        animation: 1000, 
        scroll: 1, 
        easing: "linear", 
        wrap: 'circular', 
        initCallback: mycarousel_initCallback 
     }); 
    }); 

    </script>