rjs fade one image into another

rubyonrails-talk
1

I’ve wanted to do this, but haven’t really found anything. You can try playing with queues to make both effects (fade in and fade out) happen simultaneously, but the main difficulty is that it’s HTML, and the normal flow layout will not place items on top of each other.

The only way I can think of doing it is with some CSS absolute positioning, which is always fun to get working across browsers correctly.

Jason

2

I am a huge fan of this little library: Cross Fade Anything http://www.millstream.com.au/view/code/cross-fade-anything

3

Eh, whoops. That Crossfader library is cool! I will definitely be using that.

As for the image hack, I guess I was thinking of fading divs through each other, not just images. Good to know about images and floating.

Jason