How is this site transitioning/fading their background?

Daniellez · 07-07-2010, 02:13 PM

I really like this but cannot figure out how it's done ...

http://www.roanokeairport.com

Can someone assist?

Keleth · 07-07-2010, 03:15 PM

That was easy

Javascript. I just disabled it and the entire site failed

_Aerospace_Eng_ · 07-07-2010, 09:28 PM

They are putting a flash object in a div and set the div to position:fixed so it doesn't move. Same effect can be achieved with jquery and probably the jquery cycle plugin. This is their code.

Code:

<div id="divFlashBg"><object height="100%" width="100%" align="left" id="flashROABg" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="transparent" name="wmode"><param value="sameDomain" name="allowScriptAccess"><param value="false" name="allowFullScreen"><param value="/flashROABg.swf" name="movie"><param value="high" name="quality"><param value="exactfit" name="scale"><param value="lt" name="salign"><param value="#ffffff" name="bgcolor">	<embed height="100%" width="100%" align="left" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="sameDomain" name="flashROABg" bgcolor="#ffffff" salign="lt" scale="exactfit" quality="high" src="/flashROABg.swf"></object></div>