Background image slideshow with fading effect?

[Beat]

Hi,
I've used some scripts earlier that randomly loads images and have them fade out and in.

This time I would like to have a background image to do the same, randomly load a background, like a slideshow while the visitor stays on the page, with a fade in and out effect when changing.

Make sense? Possible?

Cheers!

 

[BabyJeffy]

You can't change the opacity of a background image - but you could place the image as the background for a DIV (say) and then set the opacity of that DIV in reducing/increasing increments to provide the fade/show effect.

You would need 2 DIVs... one with the current image (DIV1) and one with the next image (DIV2). You would set them both to be absolute positioned one above the other. Start decreasing the opacity of DIV1 whilst increasing the opacity of DIV2 until DIV1 has opacity 0 and DIV2 has opacity 1 (100%). Then load a new image into DIV1 and repeat.

That's how I'd do it. You could probably set the opacity directly on imline images, but I would put them in DIVs so I could add other styles as well.

Hope that is of use to you,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

[/tt]

 

[BillyRayPreachersSon]

Percetly possible, although not all browsers will support fading. Have you looked on sites like

http://www.dynamicdrive.com

to see if they have anything there already that will do the job?

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]