View Full Version : How is this site transitioning/fading their background?

Jul 7th, 2010, 03:13 PM
I really like this but cannot figure out how it's done ...


Can someone assist?

Jul 7th, 2010, 04:15 PM
That was easy :p

Javascript. I just disabled it and the entire site failed :D

Jul 7th, 2010, 10: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.

<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>