Pomoc s funkciou OnMouseOver

neopagan · Napísal **neopagan**: 24.08.2006 20:05 | Pomoc s funkciou OnMouseOver

Chcel by som dosiahnut, aby sa mi po najazde mysi nad urcity bod zobrazil malicky obrazok hned vedla toho bodu. Keby som mal text, alebo obrazok, tam by to nebol problem pomocou ONMOUSEOVER, ale ja mam jeden urcity bod a neviem ako mam urcit jeho polohu pri definovani podmienok funkcie.

Jednoduchy priklad mam tu: http://www.hrady.tym.sk/BA.html

Po najazde mysou na ten cerveny kruzok by som chcel, aby sa hned vedla kruzku zobrazil maly obrazok a po odchode s mysou by mal zmiznut.

Vedel by mi prosim niekto poradit?

Mockrat diky!!!

programator · Napísal **programator**: 26.08.2006 20:57 | Pomoc s funkciou OnMouseOver

neopagan píše:

Chcel by som dosiahnut, aby sa mi po najazde mysi nad urcity bod zobrazil malicky obrazok hned vedla toho bodu. Keby som mal text, alebo obrazok, tam by to nebol problem pomocou ONMOUSEOVER, ale ja mam jeden urcity bod a neviem ako mam urcit jeho polohu pri definovani podmienok funkcie.

Jednoduchy priklad mam tu: http://www.hrady.tym.sk/BA.html

Po najazde mysou na ten cerveny kruzok by som chcel, aby sa hned vedla kruzku zobrazil maly obrazok a po odchode s mysou by mal zmiznut.

Vedel by mi prosim niekto poradit?

Mockrat diky!!!

tak pouzi : to je na definovanie obrazku a to usemap to je meno klikacej oblasti ak je...
<img usemap="#mapa" src="obrazok.jpg" alt="nieco" align="top" border="0" width="px" height="px">

no a toto je ta mapa toho bodu
<map name="mapa">
v shape si urcis, ci ta klikacia oblast ma byt obdlznik, kruh.. nastavis jej suradnice toho bodu (to zistis v nejakom prehliadaci obrazkov) a uz iba nastavis fciu parametru onmouseover
<area shape="rect" coords="116,247,260,271" href="" onomuseover="nejakafcia();" target="_self" alt="">
</map>

pochopil si ?

neopagan

Diky moc, uz mi to funguje!

elo · Napísal **elo**: 10.08.2012 15:42 | Pomoc s funkciou OnMouseOver

Ako upravit kod aby po prechode mysou sa zaroven aj obrazok zmenil?

D.

emer · Napísal **emer**: 10.08.2012 17:53 | Pomoc s funkciou OnMouseOver

spustis na ten event funkciu, ktora ten obrazok zmeni

elo · Napísal **elo**: 10.08.2012 20:02 | Pomoc s funkciou OnMouseOver

Podarilo sa mi to len z casti.

Kód:

<img src="0.gif" alt="titulka" width="960" height="471" border="0" usemap="#map"> 
<map name="map" id="map"> 
<area shape="rect" coords="0,0,302,327" href="/1" onomuseover="obrazok1();">
<area shape="rect" coords="365,0,243,327" href="2" onomuseover="obrazok2();">
<area shape="rect" coords="719,0,242,327" href="/3" onomuseover="obrazok3();">
</map>




<a href="http://www.domena.sk/index.php"
onMouseOver="self.document['obrazok1'].src='1.gif';"
onMouseOut="self.document['obrazok1'].src='0.gif';">
<img name="obrazok1" src="0.gif" border="0">
</a>



<a href="http://www.domena.sk/index.php"
onMouseOver="self.document['obrazok2'].src='2.gif';"
onMouseOut="self.document['obrazok2'].src='0.gif';">
<img name="obrazok2" src="0.gif" border="0">
</a>



<a href="http://www.domena.sk/index.php"
onMouseOver="self.document['obrazok3'].src='3.gif';"
onMouseOut="self.document['obrazok3'].src='0.gif';">
<img name="obrazok3" src="0.gif" border="0">
</a>