2010-07-28 95 views
1

我正試圖在用戶懸停在特定物品上時停止我的漫遊物品的動畫。我正在滾動非圖像內容,我想讓用戶有機會閱讀滾動的文本。停止mouseover上的jcarousel Lite動畫?

怎麼辦?它甚至沒有在文檔中提及。

+2

此問題已得到修復誰的人。請看一下:http://code.google.com/p/jcarausel-lite-pause-on-hover-fixed/ – saikatbiswas82 2012-05-23 14:56:20

+0

另請參閱http://stackoverflow.com/questions/8013595/autoslide-jquery- jcarousel-lite-not-working – user 2014-02-01 00:55:23

回答

0

修改後的jCarosel精簡版腳本幫助我也解決我的問題。謝謝Starx。但是我還沒有找到如何使用Command的方式,因爲我還是學習者。

後來我得到了,我用在一個頁面上的兩個滑塊。它們是:

<script type="text/javascript"> 
$(function() { 
    $(".scrollMore .carousel").jCarouselLite({ 
     btnNext: ".scrollMore .next", 
     btnPrev: ".scrollMore .prev", 
     scroll: 1, 
     visible: 4, 
     mouseWheel: true, 
     auto: 800, 
     speed: 1500, 
     hoverPause: true, 
    }); 

    $(".scrollMore .carouselClient").jCarouselLite({ 
     btnNext: ".scrollMore .next", 
     btnPrev: ".scrollMore .prev", 
     scroll: 1, 
     visible: 2, 
     mouseWheel: true, 
     auto: 800, 
     speed: 3000, 
     hoverPause: true, 
    }); 
}); 
</script> 
-1

以爲這將有助於使用http://sorgalla.com/jcarousel/examples/

$('.jcarousel').hover(function() { 
    $(this).jcarouselAutoscroll('stop'); 
}, function() { 
    $(this).jcarouselAutoscroll('start'); 
});