2013-05-07 45 views
0

我有一個的jCarousel,具有自動滾動,如:http://sorgalla.com/projects/jcarousel/examples/static_auto.html做的jCarousel滑塊滑動汽車無

是否有可能使其滑動汽車無,順利?而不是每次滾動幾個項目?

<script type="text/javascript"> 
function mycarousel_initCallback(carousel) { 
    carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); 
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); 
    carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; 
    jQuery(document).ready(function() { 
     jQuery('#mycarousel').jcarousel({ auto: 1, wrap: 'circular', animation: 'fast', scroll: 1, initCallback: mycarousel_initCallback }); 
});  
</script> 

<ul id="mycarousel" class="jcarousel-skin-tango"> 
<!-- My slides here --> 
</ul> 

另外,我可以做些什麼來保持自動滾屏後,我點擊導航箭頭,和鼠標不叮無縫的滑塊?

我還沒有找到什麼他們的文檔中相關:http://sorgalla.com/projects/jcarousel/

回答

1

我找到了我要找的東西。所以,我的代碼如下所示:

<script type="text/javascript"> 
function mycarousel_initCallback(carousel) { 
    carousel.buttonNext.bind('click', function() { carousel.startAuto(); }); 
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(); }); 
    carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; 
    jQuery(document).ready(function() { 
     jQuery('#mycarousel').jcarousel({ auto: .01, wrap: 'circular', animation: 2000, scroll: 1, easing: 'linear', initCallback: mycarousel_initCallback }); 
});  
</script> 

它看起來像這兩個設置組合拳「動漫:2000,緩解:‘直線’」,正在做什麼,我需要。

1

刪除線讓你的鼠標懸停不會停止動畫:

carousel.clip.hover(function() { carousel.stopAuto(); }, function() {  carousel.startAuto(); }); }; 

,並嘗試刪除:

carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); 
    carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); 

)它可能會幫助你從(0)元素始終不會啓動。但首先請檢查它。 所以你看到你可以刪除整個函數回調。

+0

謝謝,你指出我在正確的方向關於我的第二個問題。爲了讓它們在我點擊導航箭頭後連續滑動,我從carousel.startAuto(0)中刪除了「0」; – George 2013-05-07 07:30:52

+0

很高興幫助我的js語言) – 2013-05-07 07:33:41