Question

向所有人致以问候......

我想使用jCarouselLite特性的淡入淡出效果。是否可能。

需要：

图像过渡时间应该很快。
图片必须停留10秒钟。

任何人都可以为此指导我。

格塔。

Answer 1

要从“图像到图像”淡出而不是“图像到白色到图像”，您应该将速度属性设置为零，例如

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

Answer 2

嗯......也许我误解了你想要的东西。但是jCarousel Lite还没有支持你要求的东西吗？

淡入淡出效果：使用easing选项（您需要包含jQuery easing plugin）。检查Custom Animation - Easing Demo（位于页面右侧）
快速转换：speed选项（毫秒）决定转换动画的速度
显示图片10秒：auto选项。这样轮播自动滚动和指定的时间（以毫秒为单位）是两次连续幻灯片之间的时间

在此处查看演示：http://jsbin.com/etena/（在此处观看代码http://jsbin.com/etena/edit）

Answer 3

你做不到。通过缓动，您只能设置滑动的方法，但jCarousselLite将始终滑动。

当然，您可以更改插件的默认行为以满足您的特定需求。这里的示例：http://snipplr.com/view/18326/jcarousellite-fade-animation/（我没有测试过，但看起来不错）

Answer 4

你不能用缓和来做到这一点。建立/简化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);
    }
});

具有淡入淡出效果的JQuery jCarouselLite插件

4 个答案: