这个问题一直困扰着我。我已经使用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)。
当旋转木马最初加载时,第一张幻灯片是正常的。然后它消失了,整个旋转木马被放置在远离页面的地方。旋转木马运行的时间越长,它所在的页面就越远离页面。
我遗漏了什么?
发布于 2013-05-13 22:49:43
插件的作者帮我解决了这个问题。插件将"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"
});
});https://stackoverflow.com/questions/16420123
复制相似问题