javascript - jCarouselLite 插件没有按预期工作

Question

这个问题一直困扰着我。我已经使用 jCarouselLite 很多年了，我什至在 Ganeshji Marwaha 发布的原始库中添加了一个“淡入淡出”功能供我自己使用。我最近切换到 the new plug-in因为还是支持的，所以用了触摸事件，可以响应。但我没有运气使用它。

我几乎肯定在做一些愚蠢的事情，但我无法弄清楚是什么......任何人都可以用新的眼光看看这个主页实现吗？

http://staging.tbc1927.com/www/

这里的实现不是响应式的，但我希望支持滑动。

$().ready(function() {
    $(".homecarousel").jCarouselLite({
    visible: 1,
    auto: 12000,
    speed: 800, 
    responsive: false,
    swipe: true,
    circular: true,
    btnNext: ".next", 
    btnPrev: ".previous"
    });
});

CSS 非常简单，我让插件来完成繁重的工作。我使用的 jQuery 与他们推荐的 (1.7.2) 相同，尽管我一直在使用较新的版本，但运气不佳 (1.8)。

最初加载轮播时，第一张幻灯片就可以了。然后它消失了，整个旋转木马远离页面。轮播运行的时间越长，它离页面越远。

我错过了什么？

Answer 1

插件的作者在这里帮助了我。该插件将“自动”选项更改为 bool 值，而“12000”值将其丢弃。为了设置动画延迟，插件现在使用一个名为“timeout”的参数。正确的实现脚本应该是:

$().ready(function() {
    $(".homecarousel").jCarouselLite({
    visible: 1,
    auto: true,
    timeout: 12000,
    speed: 800, 
    responsive: false,
    swipe: true,
    circular: true,
    btnNext: ".next", 
    btnPrev: ".previous"
    });
});