animate background images

[dothemath]

I would like my background image to be changed every few seconds, with a nice fade.
How do I accomplish this? Thanks!

[vwphillips]

changing the background image is not a problem

animation of left and top can be achieved by changing the packground position

but cant think of a way of changing the opacity without changing the opacity of the element or using nested elements as the background.

[dothemath]

I think I wasn't clear enough... sorry for that.
I would like my background image to be changed every few seconds, with a nice fade (not move).

[vwphillips]

changing the background image is not a problem

animation of left and top can be achieved by changing the packground position

but cant think of a way of changing the opacity without changing the opacity of the element or using nested elements as the background.

= cant be done

[dothemath]

= cant be done
I got the following massage in another forum:

setInterval in Javascript, with opacity and background-image in CSS
Does it helps? :confused:

[vwphillips]

ask them to do it, if they do, please let me know

[dothemath]

I have found a script that rotates backround images in a div:
Rotate Background Image in Div (http://www.blogfodder.co.uk/post/2008/01/JavaScript-CSS-Random-Background-Image.aspx)

I'm looking for the following improvements:

When one image rotates it will stay untill the new image is fully displayed. :eek:
A nice fade between the images will be nice... :D


Thanks!

[vwphillips]

see post #4