首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jCarouselLite插件未按预期工作

jCarouselLite插件未按预期工作
EN

Stack Overflow用户
提问于 2013-05-07 21:18:34
回答 1查看 887关注 0票数 0

这个问题一直困扰着我。我已经使用jCarouselLite很多年了,我甚至在Ganeshji Marwaha发布的原始库中添加了一个“淡入淡出”功能,供我自己使用。我最近切换到了the new plug-in,因为它仍然被支持,它使用触摸事件,并且它可以响应。但我在使用它时并不走运。

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

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

这里的实现没有响应,但我希望支持卷帘。

代码语言:javascript
复制
$().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)。

当旋转木马最初加载时,第一张幻灯片是正常的。然后它消失了,整个旋转木马被放置在远离页面的地方。旋转木马运行的时间越长,它所在的页面就越远离页面。

我遗漏了什么?

EN

回答 1

Stack Overflow用户

发布于 2013-05-13 22:49:43

插件的作者帮我解决了这个问题。插件将"auto“选项更改为布尔值,而"12000”值则将其抛出。为了设置动画延迟,插件现在使用名为"timeout“的参数。正确的实现脚本应该是:

代码语言:javascript
复制
$().ready(function() {
    $(".homecarousel").jCarouselLite({
    visible: 1,
    auto: true,
    timeout: 12000,
    speed: 800, 
    responsive: false,
    swipe: true,
    circular: true,
    btnNext: ".next", 
    btnPrev: ".previous"
    });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16420123

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档