PDA

View Full Version : Image dissolve through CSS



ksduded
Jan 4th, 2010, 12:22 AM
I am using this code to have a background inside a layer


#rt-header .rt-container {background: #fff url(../images/backgrounds/style5/header-bg.jpg) 100% -30px no-repeat;}


I want to have multiple images dissolve in and out of each other in place of the background. Is it possible through CSS or will I have to use flash? And what will be the best way to incorporate it in that css if I have to resort to flash?

Thanks.

Excavator
Jan 4th, 2010, 02:22 AM
Hello ksduded,
CSS can't do any sort of fade in or tranistion and it doesn't allow for multiple image backgrounds.
If you have an animated .gif that did what you want, you could try that. Not sure how many browsers that would work in.

ksduded
Jan 4th, 2010, 02:27 AM
Hello ksduded,
CSS can't do any sort of fade in or tranistion and it doesn't allow for multiple image backgrounds.
If you have an animated .gif that did what you want, you could try that. Not sure how many browsers that would work in.

thanks for the suggestion... is it possible to use an swf instead by changing that css line?

Excavator
Jan 4th, 2010, 03:36 AM
.swf cannot be a background so no. You would need to use swfobject (http://code.google.com/p/swfobject/) probably.

hdewantara
Jan 5th, 2010, 10:37 PM
Hi,
You might like to try javascripting...

Regards,