Autor Zpráva
Drejk
Profil
Dělám stránky o jedné hře. V horní části stránky mám menu, pro které jsem udělal obrázek a pomocí <map> a <area> jsem do obrázku přidal odkazy (viz přidaný html kód). Nicméně potřebuji, aby se daná oblast obrázku po najetí myší změnila na už samostatný jiný obrázek a po odjetí myší opět změnila na původní celistvý obrázek pro celou mapu.

<div id="menu"><img ... usemap="'#menu-map'"></div>

<map name="menu-map">
 <area href="...php" shape="rect" coords="5,5,266,50" "zde by měl být daný javascript, který by po najetí načetl na tuto konkrétní oblast obrázek x.jpg">
 <area ...>
 <area ...>
</map>

Víte někdo jak ten JS zformulovat, jde-li to vůbec? Předem díky. :)
margin
Profil *
Vím o těchto řešeních:
http://interval.cz/clanky/interaktivni-mapa-ceske-republiky-s-hover-efektem/
http://zdrojak.root.cz/clanky/obrazova-mapa-s-hover-efektem/
Drejk
Profil
Možná jsem to pochopil - zítra to zkusím zrealizovat a potom napíšu, jak to dopadlo (nemám zde pc s html dokumentem). Díky za odkazy :)
Drejk
Profil
Tak nakonec mi to nějak nevyšlo, ale udělal jsem prostě 5 obrázků a v každém jsem zvýrazil samostatnou část - to mi stačí. Horší by bylo kdybych chtěl něco složitějšího.

Každopádně díky :)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0