Autor Zpráva
biker
Profil *
Jde udělat to, aby se po přejetí určité aktivní oblasti klikací mapy změnila barva této oblasti a zbytek mapy zůstal nezměněn?
Díky za odpověď.
Fred
Profil
To je zajímavá otázka, tady to zkouší řešit:
http://www.webmasterworld.com/forum83/3690.htm
a tady taky:
http://www.siteexperts.com/forums/viewConverse.asp?d_id=15851&Sort=0&t =all
nakonec to řeší tady:
http://www.alistapart.com/articles/imagemap/
a to tak že nepoužijí image map:
http://www.alistapart.com/d/imagemap/example2.html
biker
Profil *
Tak jsem to nakonec vyřešil tak, že jsem si udělal několik obrázků stejné velikosti, ale s různě vybarvenými oblastmi. Obrázky naštěstí nejsou velké, takže to je v poho.
Při načítní stránky nejdříve načtu pomocí JavaScriptu tyto obrázky do cache, aby při přejíždění myší mezi jednotlivými oblastmi byla odezva rychlá.


Javascript:

mapa_cr0 = new Image(500,265);
mapa_cr0.src = "./gfx/mapa_cr.gif";
mapa_cr1 = new Image(500,265);
mapa_cr1.src = "./gfx/mapa_cr1.gif";
mapa_cr2 = new Image(500,265);
mapa_cr2.src = "./gfx/mapa_cr2.gif";
......
......
.....


HTML:

<img src="mapa_cr.gif" width="500" height="265" alt="" border="0" usemap="#mapa" align="center" name="mapa_cr">

<map name="mapa">
<area href="./kraj.php?kraj=1" onMouseOver="mapa_cr.src = mapa_cr1.src" onMouseOut="mapa_cr.src = mapa_cr0.src" shape="poly" coords="souradnice....">
<area href="./kraj.php?kraj=2" onMouseOver="mapa_cr.src = mapa_cr2.src" onMouseOut="mapa_cr.src = mapa_cr0.src" shape="poly" coords="dalsi souradnice...">
...
...
...
</map>
Toto téma je uzamčeno. Odpověď nelze zaslat.