jCarouselLite插件无法按预期工作

时间:2013-05-07 13:18:34

标签: javascript jquery css jcarousellite

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

当旋转木马最初加载时,第一张幻灯片很好。然后它就消失了,整个旋转木马被放置在页面上。轮播运行的时间越长,它所放置的页面就越多。

我错过了什么?

1 个答案:

答案 0 :(得分:0)

插件的作者帮助了我。插件将“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"
    });
});