这个问题困扰着我。我已经使用了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)。
当旋转木马最初加载时,第一张幻灯片很好。然后它就消失了,整个旋转木马被放置在页面上。轮播运行的时间越长,它所放置的页面就越多。
我错过了什么?
答案 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"
});
});