jCarouselLite : 일시 중지 호버 스크롤

jCarouselLite를 사용하고 있으며 모든 작업이 정상적으로 작동합니다. 그러나 일단 내가 회전 장치 위로 마우스를 이동하면 자동 스크롤이 일시 중지되기를 원합니다.jCarouselLite : 일시 중지 호버 스크롤

jCarouselLite의 DOCO 내가이 사용할 수있는 말하고있다 :

$('div.carousel').trigger('pauseCarousel')

하지만 jQuery를에 대해 잘 이해하지 않습니다. 다음 코드?에서 해당 일시 정지 기능

<script> 
jQuery(function() { 
    jQuery(".carousel").jCarouselLite({ 
     auto: 3000, 
     speed: 1000, 
     visible: 1, 
     circular: true, 
     autoWidth: true, 
     responsive: true, 
     vertical: true 
    }); 
}); 
</script>

감사

출처

2014-11-09 HomTom

-1

을 구현할 수있는 방법 할 수 있습니다 체인이처럼 jCarouselLite 객체 인스턴스화에 jQuery.mouseover() 기능 :에서 사용할 수

$('div.carousel').jCarouselLite({ 
    btnNext: '.next', 
    btnPrev: '.prev', 
    auto: 3, 
    speed: 500 
}).mouseover(function(){ 
    $(this).trigger('pauseCarousel'); 
});

라이브 데모 이 fiddle. 캐 러셀에 마우스를 올려 놓으면 가로 스크롤이 일시 중지됩니다. 마우스를 떼면 스크롤이 자동으로 다시 시작됩니다.

출처

2014-11-09 01:21:35

감사합니다. 그러나 저에게는 도움이되지 않습니다. 라이브 데모도 작동하지 않습니다. – HomTom

'http : // plugins.learningjquery.com/jcarousellite/src/jquery.jcarousellite.js' 파일이 jsfiddle에서 제대로로드되지 않는 것 같습니다. –

변경 사항을 적용하여 코드를 업데이트 해 보셨습니까? 회전식 캐 러셀은 수평으로 스크롤을 시작해야합니다. 마우스를 올리면 스크롤이 일시 중지되고 마우스 아웃시 다시 시작됩니다. 바이올린이 실제로 보이길 원한다면 위에서 게시 한 js 파일 링크로 이동해야하며, 브라우저를 새로 고침하면 브라우저가 js를 캐시 할 수 있습니다. –

jCarouselLite : 일시 중지 호버 스크롤

답변

관련 문제