views:

706

answers:

2

Hi,

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.

+1  A: 

Umm... maybe I misunderstand what you want. But what of the things you requested isn't already supported by jCarousel Lite?

  • Fade effect: Use the easing option (You need to include the jQuery easing plugin). Check the Custom Animation - Easing Demo (on the right side of the page)
  • Fast transition: speed option (milliseconds) determines how fast the transition is animated
  • Show image for 10 seconds: auto option. This way the carousel autoscrolls and the time you specify in milliseconds is the time between two consecutive slides

Check a demo here: http://jsbin.com/etena/ (Watch the code here http://jsbin.com/etena/edit)

jitter
I didnt get the fade effect. :(
Geetha
Check expanded answer
jitter
Is it possible to get the fade effect in jCarouselLite which is available in cycle plugin
Geetha
I don't know. You could look at the code of the cycle plugin and try to port the fade effect to jCarouselLite. Otherwise I guess it won't work
jitter
A: 

You can't. With easing you can only set the method in which it slides, but jCarousselLite will always slide.

Ofcourse you can change the plugins' default behaviour to match your specific needs. Example here: http://snipplr.com/view/18326/jcarousellite-fade-animation/ (I didn't test this, but looks ok)

publicJorn