Klikacia mapa onmouseover – HTML / XHTML – Fórum – Programujte.com

Ahojte, mám jednu otázku, rád by som sa spýtal, ako by sa dala spraviť normálna klikacia mapa použitím 

<map name="mapa">
<area href="#" shape="rect" coords="3,260,127,147">

Konkrétne by som chcel dosiahnuť podobného výsledku, ako je tu:

http://www.kamnapivo.sk/

Chcem dosiahnuť toho, aby so po namierení na dané miesto, "zosvetlila"/zmenila tá časť. Viem že je to možné nejako cez onmouseover ale neviem si s tým dať rady tak, aby to fungovalo a tá časť sa zmenila, neviem ako postupovať.

Ďakujem za pomoc.

#1 Anonym
Obecně - dělá se to nejčastěji tak, že se Javascriptem při události onMouseOver zobrazí předtím neviditelný například světlejší kus mapy a při události onMouseOut se zase skryje. Takže musíš mít připravené a nejlépe i na stránce předem stáhnuté ty světlejší varianty. Protože občas prohlížeč nestíhá, je vhodné při onMouseOver zkontrolovat, jestli nezůstala nějaká jiná část "svítit" z minula a nejdřív ji "zhasnout".

#2 JoDiK
Jestli tě to ještě zajímá, tak na té stránce, cos tu uvedl to mají takto:

Bez přejíždění myší vidíš mapu: http://img.knp.sk/…sk-all-p.gif

když najedeš myší nad BA tak tuto: http://img.knp.sk/…/sk-ba-p.gif

atd...

a neřeší to zobrazováním/skrýváním, ale přepínáním položky .src toho obrázku

#3 JoDiK

Aha vďaka, zaujímavý spôsob zmeny a mohol by si mi presnejšie upresniť, akým spôsobom to menia? 

#4 Anonym
Vše máš na té stránce a v přilinkovaných .js souborech.

Ulož si to a zkoumej...