Jak nahradit flash

Flash je skvělý, dělá web pohyblivějším, dělá ho živějším, ale dělá web pomalejším. Pokud nejsou vaši návštěvníci z řad uživatelů rychlointernetu jste si jisti, že to flashové intro, ten flashový head-banner (proužek na vrcholu stránky přes celou šířku s logem webu nebo firmy) je opravdu nutný?

Ve smyslu otimalizace na rychlost, pro vyhledávače a přístupnosti se mi jako vhodnější zdá použití názvu webu (firmy) v nadpisu h1 a jeho vizuální odstranění a nahrazení pomocí css obrázkem.

Jak nahradit vhodně flash ?

Odstraňte ze zdrojového kódu řádky z flashem, místo něj tam napište pomocí elementu

Můj klíčový nadpis webu

Do css souboru přidáme řádky:

#h1 {background:url(„nahrazujici-obrazek.gif“)}
#h1 span {display:none}

Způsobů je mnoho, ale tento se mi zdá dostatečně jednoduchý a minimalistický a fukční. Prakticky to funguje tak, že jako pozadí nadpisu se do stránky vloží obrázek a pak se zakáže zobrazení textového nadpisu.

Článků na netu je na toto téma několik a toto vychází ze složitější verze Pixiho náhrady obrázku na adrese: http://wellstyled.com/css-replace-text-by-image.html

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Tato stránka používá Akismet k omezení spamu. Podívejte se, jak vaše data z komentářů zpracováváme..