JQuery jCarouselLite plugin with fade effect

Geeth picture Geeth · Mar 16, 2010 · Viewed 15.2k times · Source

Greetings to all...

I want to use fade effect with jCarouselLite qualities. Is it possible.

Needs:

  1. The image transition time should be fast.
  2. Image has to stay for 10 seconds.

Can anyone guid me for this please.

Geetha.

Answer

Christopher picture Christopher · Apr 17, 2012

To fade from "Image to Image" rather than "Image to White to Image" you should set the speed attribute to zero, e.g.

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