Hover na klikacej mape?

Ikinko · Napísal **Ikinko**: 12.11.2012 2:57

ahojte potrebujem poradit ako dam hover na cast klikaciu mapu ...musim prerabat cely css subor? poradte mi pls.

css:

Kód:

body    {background-color: black; text-indent: 30px; margin: 50px 0px 0px 0px; }
 a        {text-decoration: none}
 a:link   {color: silver}
 a:visited {color: silver}
 a:active {color: silver}
 a:hover  {color: blue; text-decoration: underline}
 h2     {color: yellow; font-style: italic}
 h1    {color: red; text-align: center; font-size: 40px; font-style: Italic;}

html:

Kód:

<body>
 <h1>blaa</h1>
<br>
<br>
<center>
 <img src="sk-mapa-kraje.gif" usemap="#mojamapa" align="center" border="0"> 
  <map name="mojamapa"> <m>
   <area shape="polygon" coords="" href="ba.html" target="_self" title="Bratislavský kraj">
   <area shape="polygon" coords="" href="tr.html" target="_self" title="Trnavský kraj"> 
   <area shape="polygon" coords="" href="nr.html" target="_self" title="Nitriansky kraj"> 
   <area shape="polygon" coords="" href="tn.html" target="_self" title="Trenčiansky kraj"> 
  </map>
</center>
</body>

weroro · Napísal **weroro**: 12.11.2012 8:47

area:hover

Ikinko · Napísal autor témy **Ikinko**: 12.11.2012 12:15

coords mam definovane do css dam area:hover {color: red;} a aj tak to nejde..co s tym?

weroro · Napísal **weroro**: 12.11.2012 12:49

color:red ti mení farbu textu. Pri imagemap asi nemôžeš použiť ani

Kód:

background:red none;

lebo ti to zafarbí aj oblasť mimo imagemap. Tu som už bezmocný, nič iné okrem Js riešenia ma v tejto chvíli nenapadne.

silentasflash · Napísal **silentasflash**: 12.11.2012 15:19

Možno ti pomôže toto:

http://stommepoes.nl/Menus/maphover.html

pokiaľ viem tak na area shape hover nepoužiješ bez jscript (aj som chvíľu skúšal, ale po 20min som to vzdal

)

Prípadne takýto jquery plugin:
http://www.outsharked.com/imagemapster/ ... demos.html

Hover na klikacej mape?

Podobné témy