Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery jCarouselLite plugin with fade effect

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.

like image 434
Geeth Avatar asked Feb 27 '23 09:02

Geeth


1 Answers

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
    }
);
like image 186
Christopher Avatar answered Mar 12 '23 16:03

Christopher