jquery jcaroullite插件,具有淡入淡出效果

嗯…也许我误解了你想要的。但是,jcaroul-lite还没有支持您请求的哪些内容?

• 渐变效果:使用 easing 选项(您需要包括 jQuery easing plugin )检查 Custom Animation - Easing Demo (在页面右侧)
• 快速转换: speed 选项(毫秒)确定设置过渡动画的速度
• 显示图像10秒: auto 选择权。这样,carousel自动滚动,指定的时间(以毫秒为单位)是两个连续幻灯片之间的时间。

在这里查看演示: http://jsbin.com/etena/ (注意这里的代码 http://jsbin.com/etena/edit )

要从“图像到图像”而不是“图像到白色再到图像”,应将速度属性设置为零,例如。

$('#content .slider .inner')
    .jCarouselLite(
    {
        afterEnd    : function(el) { $(el).parent().fadeTo(500, 1); },
        beforeStart : function(el) { $(el).parent().fadeTo(500, 0); },
        speed       : 0
    }
);

你不能。通过放松,你只能设置它滑动的方法,但jcarousselite将始终滑动。

当然,您可以更改插件的默认行为以满足您的特定需求。例子如下: http://snipplr.com/view/18326/jcarousellite-fade-animation/ (我没有测试这个,但看起来不错)

你不能用放松来做到这一点。建立在/简化Publicjorn所写内容的基础上,以下是添加fadein/fadeout对滑动的影响的方法:

$('div#foo').jCarouselLite({
    visible: 1,
    start: 0,
    beforeStart: function(a) {
            $(a).parent().fadeTo(500, 0);
    },
    afterEnd: function(a) {
            $(a).parent().fadeTo(500, 1);
    }
});