Archív

Příspěvek oštítkován ‘flash’

Jak snadno vložit Flash do webových stránek

22.07.2009 Bez komentářů

Vkládání Flashových animací do webových stránek bývá zpravidla nepříjemný úkol, spojený s hledáním funkčního vygenerovaného kódu a následným řešením jeho nekompatibility s různými webovými prohlížeči.

Naštěstí existuje skvělý nástroj SWFObject, který vše umí elegantně vyřešit. Jedná se o malou JavaScriptovou knihovnu, která za nás vygeneruje funkční a správný flashový kód na námi určená místa.

Po stažení SWFObject rozbalíme archiv do adresáře s javascriptovými knihovnami (např. js/swfobject/swfobject.js).

Nejjednodušší způsob použití pak vypadá takto:

<html>
  <head>
    <title>SWFObject</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/swfobject/swfobject.js"></script>

    <script type="text/javascript">
    swfobject.embedSWF("swf/flash.swf", "myContent", "300", "120", "9.0.0");
    </script>

  </head>
  <body>
    <div id="myContent">
      <p>Alternativní obsah.</p>
    </div>
  </body>
</html>

Z ukázky kódu je na první pohled zřejmé, jak vše funguje, přesto raději popíšu klíčové úseky.

Vložení knihovny do stránek se provádí jako u jiných JavaScriptů v HTML hlavičce pomocí:

<script type="text/javascript" src="js/swfobject/swfobject.js"></script>

Inicializaci flashových animací, které budu připojeny zajistí tento JavaScriptový kód:

swfobject.embedSWF("swf/flash.swf", "myContent", "300", "120", "9.0.0");

První parametr je cesta k souboru s Flash animací, druhý je id elementu, do kterého se Flash umístí, následuje šířka a výška animace a verze Flashe, ve které byla animace vytvořena.

Místo kam, bude flashová animace na naší stránce umístěna je vyznačeno právě pomocí id elementu:

<div id="myContent">
<p>Alternativní obsah.</p>
</div>

Alternativní obsah se zobrazí jen návštěvníkům, u kterých není Flash k dispozici.

Výše uvedený způsob je tím nejjednodušším způsobem použítí, knihovna nabízí řadu možností, jak vše konfigurovat a využít. Další informace naleznete v dokumentaci.

Vše samozřejmě vyžaduje k činnosti JavaScript, což může být úskalím celé metody. Pokud chcete zajistit fungování flashe i pro návštěvníky bez zapnutého JavaScriptu, můžete si potřebné kódy vygenerovat online generátorem a umístit ručně.

Categories: WWW stránky Tags: ,