1

我在设置 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/

4

2 回答 2

5

至于您的滚动问题，有一个配置选项告诉 JCarousel 一次滚动多少个项目，默认情况下设置为 3。

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

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

于 2010-07-12T16:08:16.800 回答
1

该函数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-25T12:53:20.677 回答