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

所有的问候......JQuery的jCarouselLite插件具有淡入淡出效果

我想使用jCarouselLite品质淡入淡出效果。可能吗。

需求：

图像过渡时间要快。
图片必须停留10秒。

任何人都可以指导我这个请。

Geetha。

来源

2010-03-16 Geeth

然后也许可以考虑至少给我一个upvote所有的努力 – jitter 2010-03-16 13:55:23

有没有其他插件支持这个？ – Geeth 2010-03-17 06:00:24

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

淡化效果：使用easing选项（您需要包含jQuery easing plugin）。检查Custom Animation - Easing Demo（在页面的右侧）
快速转变：speed选项（毫秒）决定转换的速度有多快动画
显示图像10秒：auto选项。通过这种方式，旋转木马autoscrolls你以毫秒为单位指定的时间是两个连续的幻灯片

检查演示在这里的时间：http://jsbin.com/etena/（这里http://jsbin.com/etena/edit观看代码）

来源

2010-03-16 10:19:58 jitter

我没有得到淡入淡出效果。 :( – Geeth 2010-03-16 10:59:57

查看扩展的答案 – jitter 2010-03-16 11:59:17

是否有可能在jCarouselLite中获得循环插件 – Geeth 2010-03-16 12:15:11

你不能。随着缓动，你只能设置它的滑动方法，但jCarousselLite总会滑动。

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

来源

2010-07-29 13:42:20 publicJorn

你不能这样做与宽松。建立在/简化什么publicJorn写的，这里的添加上滑动淡入/淡出效果，道：

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

来源

2011-12-16 18:47:48 mrgreenfur

我不是TS，但是它可能从图像褪色到图像？现在它是从图像渐变为白色到图像 – mat 2011-12-19 08:21:28

可能，但您需要在过渡期间手动重叠图像（并使顶部淡出应该完成这项工作） – Guillaume86 2011-12-25 19:49:14

要淡化“的形象图片”，而不是“图像，白，图片”，你应该设置的速度属性归零，例如

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

来源

2012-04-17 08:26:21 Christopher

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

回答

相关问题