Pomoc s funkciou OnMouseOver

neopagan · Napísal **neopagan**: 24.08.2006 20:05

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

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 · Napísal autor témy **neopagan**: 01.09.2006 20:40

Diky moc, uz mi to funguje!

elo · Napísal **elo**: 10.08.2012 15:42

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

D.

emer · Napísal **emer**: 10.08.2012 17:53

spustis na ten event funkciu, ktora ten obrazok zmeni

elo · Napísal **elo**: 10.08.2012 20:02

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>

Chyba je len v tom, ze obrazky su pod sebou a nie ako vrstvy na sebe.

Ako docielit aby bol vzdy zobrazeny len jeden obrazok?

Dakujem.

D.

Pomoc s funkciou OnMouseOver

Podobné témy