jCarousel - 按钮上的第一个或最后一个项目时继续滚动按下

时间:2011-03-26 11:22:15

标签: javascript jquery jcarousel

我遇到了jCarousel的一个问题,如果旋转木马在开始时开始按下左按钮,旋转木马就不会滚动。

应该发生的是,如果显示轮播第一项并按下左键,则轮播应循环到最终项目。目前,这不会发生。旋转木马停止工作。

这仅在首次加载轮播时发生。

我的代码示例如下:http://jsfiddle.net/wquPu/2/

感谢。

1 个答案:

答案 0 :(得分:1)

我不确切知道你做错了什么,但是如果你看一下jCarousel演示页面,你会发现一个关于你正在尝试做什么的演示,这是非常简单的代码。

http://sorgalla.com/projects/jcarousel/examples/static_auto.html

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

    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: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});