Dropdown/popup menu prekryté cez flash animáciu pre všetky prehliadače

By | 23. júla 2009

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

3 thoughts on “Dropdown/popup menu prekryté cez flash animáciu pre všetky prehliadače

  1. Milan

    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>

    .
    .
    .

    Reply
  2. Matko

    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

    Reply

Pridajte komentár