0

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

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

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)。

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

我错过了什么？

4

1 回答 1

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"
    });
});
于 2013-05-13T14:49:43.497 回答