jCarouselLite 插件未按预期工作答案

【问题标题】：jCarouselLite plugin not working as expectedjCarouselLite 插件未按预期工作
【发布时间】：2013-05-07 13:18:34
【问题描述】：

这个问题困扰着我。我使用 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)。

当轮播最初加载时，第一张幻灯片就可以了。然后它消失了，整个轮播被放置在页面之外。轮播运行的时间越长，它所在的页面就越远离。

我错过了什么？

【问题讨论】：

标签： javascript jquery css jcarousellite

【解决方案1】：

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

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

【讨论】：