tags:

views:

50

answers:

1

How can I fade edges of a div with jQuery? Think of a carousel with images inside that slides horizontally. How can I fade out the left and right sides so that images near the edges disappears gradually.

Hope it's clear. :)

A: 

An easy way maybe to display a set of divs over the edges like vertical strips with different opacity levels, giving the impression of images being faded out.

Alex
The numbe rof divs you would need to make this work would (it think) make it incredibly slow. IF you visual are is a set size it would be easier to create a single masking image and overlay it on the "slide" area. Aside from that you might be able to use CSS3 gradients... assuming they support "transparent" at an endpoint but i dont know if thats the case, and obviously it wouldnt work in IE :-(
prodigitalson