2011-01-26 3 views
1

현재 프로젝트의 경우 jCarousel Plugin의 시작/중지 이벤트를 트리거해야합니다.외부 컨트롤/이벤트로 jCarousel을 시작/중지하는 방법

carousel.stopAuto(); 
carousel.startAuto(); 

나는 그 문제를 직접 해결하기 위해 중독되지 않습니다. 내가 무엇을하려고하는지 짧은 설명 :

회전 목마는 멋진 제품 슬라이더이며 예상대로 이미 작동합니다. 그러나 요점은 제품 설명이 도구 설명으로 제공되어야한다는 것입니다. 툴팁이 표시된 경우 회전식을 멈추고 툴팁을 닫은 후 다시 시작해야합니다. 참고 : tooltip Plugin은 Cluetip입니다. 누구든지 저에게 어떤 제안이 있습니까?

답변

5

해결책을 찾았습니다. 회전식 설정을위한 init 콜백으로 다음 함수를 사용하십시오.

function initCarousel (carousel) { 

    jQuery('#cluetip').live('mouseover mouseout', function(event) {  

     // Disable default action 
     event.preventDefault(); 

     // Stop carousel at mouseover 
     if (event.type == 'mouseover') { 
      carousel.stopAuto(); 
     }; 

     // Restart carousel at mouseout 
     if (event.type == 'mouseout') { 
      carousel.startAuto() 
     }; 
    }); 

}; 
+1

. 사용자가 중간 회전기에서 회전기 위로 마우스를 가져 가면 회전기가 멈추고 결코 다시 시작되지 않습니다. – SomethingOn

0

아래 코드를 시도해보십시오. 그것은 나를 위해 잘 작동 :)

예 :

이 나를 위해 회전을 깰 것으로 보인다
function mycarousel_initCallback(carousel) 
{ 
    carousel.clip.hover(function() { 
     carousel.stopAuto(); 
    }, function() { 
     carousel.startAuto(); 
    }); 
}; 

$(document).ready(function() { 
     $('#mycarousel').jcarousel({ 
      initCallback: mycarousel_initCallback 
     }); 
});  
관련 문제