...

View Full Version : Image dissolve through CSS



ksduded
01-03-2010, 11:22 PM
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
01-04-2010, 01: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
01-04-2010, 01: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
01-04-2010, 02:36 AM
.swf cannot be a background so no. You would need to use swfobject (http://code.google.com/p/swfobject/) probably.

hdewantara
01-05-2010, 09:37 PM
Hi,
You might like to try javascripting...

Regards,



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum