Background image fading rotation effect

[Sulcalibur]

Hello all,

I'm currently doing a design that has transparent pngs and the idea was to have a rotating tiled image in the background. Something simple like a blue, green and red tile all fading in a loop. Also I'd need to set how quick it happens.

I've seen some javascript image fade rotators but nothing for the background.

If this isn't possible then is it possible to do the same fade but with just the background colour?

Any help would be great.

Thanks Sul...

[jscheuer1]

As far as I know, with the possible exception of the use of filters only in IE browsers that support them, this cannot be done. An effect like it can be achieved using absolute and/or relative positioned elements behind the images. The bit about tiling would be a little tricky though.

[Sulcalibur]

As far as I know, with the possible exception of the use of filters only in IE browsers that support them, this cannot be done. An effect like it can be achieved using absolute and/or relative positioned elements behind the images. The bit about tiling would be a little tricky though.

I had a feeling it couldn't be done. Oh well back to the drawing board then :P

[Sulcalibur]

Found out it actually can :D

http://www.netlobo.com/javascript_background_fade.html

Some one very helpful told me to look for Colour transitions and that helped out :D

Any other info would be great too.

[jscheuer1]

I didn't say it couldn't be done. I think it can. However, the link you give doesn't appear to me to involve rotating fading tiled background images as laid out in your initial post.

But for changing backgrounds behind partially transparent images, a solid fading color would probably be better than tiled images anyway.