的jCarousel自動滾動導航設置

Question

我有一個小麻煩設置的jCarousel -

www.lovejungle.com/store

基本上我希望它看起來像www.ripcurl.com.au/?home

幻燈片放映

我已經儘可能實施jCarousel - 但配置和導航按鈕是不正確的。

正如您將看到的，jCarousel從第一張圖像開始，然後跳過兩張圖像，然後着陸在第四張圖像上。我不確定它爲什麼這樣做？有任何想法嗎？

其次 - 我無法獲得左下方默認的1,2,3,4,5導航。

我假設它的東西與我的javascript函數（我不挺起來就可以了）

<script type="text/javascript"> 

function mycarousel_initCallback(carousel) 
{ 
    // Disable autoscrolling if the user clicks the prev or next button. 
    carousel.buttonNext.bind('click', function() { 
     carousel.startAuto(1); 
    }); 

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

    // Pause autoscrolling if the user moves with the cursor over the clip. 
    carousel.clip.hover(function() { 
     carousel.stopAuto(); 
    }, function() { 
     carousel.startAuto(); 
    }); 
}; 

jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     auto: 3, 
     wrap: 'both', 
     initCallback: mycarousel_initCallback 
    }); 
}); 

</script> 

任何幫助將不勝感激。

您可以檢查出這裏的格式：

www.sorgalla.com/projects/jcarousel/

Answer 1

至於您滾動的問題，還有一個配置選項，告訴的jCarousel有多少項目，通過在其被設置爲3時滾動默認。

jQuery(document).ready(
    function() { jQuery('#mycarousel').jcarousel({ 
     auto: 3, 
     wrap: 'both', 
     initCallback: mycarousel_initCallback, 
     scroll: 1 
    }); 
}); 

我添加了滾動：1您的初始化函數，它會告訴JCarousel一次滾動1個項目。

Answer 2

功能mycarousel_initCallback必須

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(); 
    }); 
}; 

對我的作品！