vrijdag 14 mei 2010

Flash als achtergrond website

Het wordt steeds gekker met ons. Eerst waren we blij dat we teksten aan elkaar konden versturen, toen kwamen de illustraties en vonden we het vervolgens leuk om illustraties als achtergrond te gebruiken. Toen ontdekten we bewegende beelden, flash en de volgende stap is dan: achtergronden in flash. Je ziet ze niet veel: websites met een bewegende (flash) achtergrond. De reden kan natuurlijk zijn dat dit te druk wordt maar volgens mij is de reden vooral dat het vrij moeilijk is om dit gedaan te krijgen. Hierbij een korte workshop:

Hier is wat HTML code:

<div id="bg">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="Snow" width="100%" height="575" align="top" id="Snow">
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://www.homedics.com/skin/frontend/hmdx_us/default/images/media/Snow.swf"/><param name="menu" value="false" /><param name="scale" value="noscale" /><param name="salign" value="t" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><param name="QUALITY" value="low"> <embed src="http://www.homedics.com/skin/frontend/hmdx_us/default/images/media/Snow.swf" width="100%" height="575" align="top" menu="false" quality="low" scale="noscale" salign="t" wmode="transparent" bgcolor="#ffffff" name="Snow" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

In de CSS file:

#bg { margin-bottom:-575px; position:fixed; width:100%; top:0; left:0; }

Dit is het voorbeeld uit http://homedics.com/

Nu nog even aanpassen. Ik ga er mee bezig en houd jullie op de hoogte.

Geen opmerkingen:

Een reactie posten