Forum Moderators: open

Message Too Old, No Replies

Morph A Fixed Background Image To Another Background Image'

         

buckmajor

9:54 am on Oct 20, 2008 (gmt 0)

10+ Year Member



Hi there

I've been searching for answers and still haven't found it yet, does anyone know 'HOW TO CHANGE FROM ONE FIXED BACKGROUND IMAGE TRANSITION TO ANOTHER FIXED BACKGROUND IMAGE' without using flash? So on top of the background, I want to have content e.g text, graphics etc

Or alternative can anyone tell me how you can change the background image fading when someone click on a new page. I hope that makes sense.

Many thanks in advance.
CHEERS :)

DrDoc

5:12 pm on Oct 20, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The way you describe it -- no can do, even with flash.

You need to use two divs layered underneath the content. As you swap the images, adjust the alpha transparency accordingly. It may not be a super pretty solution, and it requires thorough testing. Also, you're out of luck with older browsers (and by older I mean ones that do not support CSS3 or Microsoft's proprietary filters). But, you can make it degrade nicely in those. Simply swap images without morphing.

[edited by: DrDoc at 5:12 pm (utc) on Oct. 20, 2008]