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

我在初始化函数中添加了scroll:1，这将告诉 JCarousel 一次滚动 1 个项目。