Hľadáte riešenie, pomocou ktorého by ste mohli prekryť flash animáciu (ktorá je štandardne on-top) ľubovoľným html prvkom naštýlovaným v CSSku? Nie je nič jednoduchšie. Stačí pri vkladaní flash animácie použiť parameter wmode s hodnotou transparent. V kóde to vypadá nasledovne:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="700" height="200">
<param name="movie" value="animacia.swf">
<param name="wmode" value="transparent">
<param name="quality" value="high">
<embed width="700" height="200" quality="high" src="animacia.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" wmode="transparent"></embed>
</object>Táto metóda zaručene funguje pre všetky používané prehliadače, IE6, IE7, IE8, Firefox, Chrome, Opera, Safari (Mac aj PC).
zdroj: stackoverflow.com
Len pre doplnenie (pre tých čo to nepoznajú).
Vkladanie SWF sa dá riešiť elegantne aj cez SWFobject. Aj s nastavenim wmode transparent.
Výhodou je aj náhrada SWF obrázkom ak flash player nie je nainštalovaný (alebo je javascript blokovaný).
Vyzerá to asi takto:
.
.
.
<!– JS –>
<script type="text/javascript" src="/js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = { wmode:"transparent"};
var attributes = {};
swfobject.embedSWF("/swf/intro.swf", "top_flash", "520", "100", "9.0.0", "#fff", flashvars, params, attributes);
</script>
</head>
<body>
<div id="top_flash">
<img src="/images/top_flash.png" border="0" alt="" />
</div>
.
.
.
Diky za kod, clanok leti na moj delicious ucet.
Caute. Keď už tu dávate takéto info. Nemôžete dať aj to ako vytvorím v HTML rotujúcu plochu. Raz tam bude etarget raz Adsense a raz banner. Dik