的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/

来源

2010-03-08 Michael Birchall

至于您滚动的问题，还有一个配置选项，告诉的jCarousel有多少项目，通过在其被设置为3时滚动默认。

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

我添加了滚动：1您的初始化函数，它会告诉JCarousel一次滚动1个项目。

来源

2010-07-12 16:08:16

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

对我的作品！

来源

2012-02-25 12:53:20

的jCarousel自动滚动导航设置

回答

相关问题