ugrás a tartalomhoz

Linkre vitt egérre képváltozás mellete

arpadosso · 2005. Dec. 14. (Sze), 12.22
Sziasztok! Nem tudok megoldani egy olyan dolgot, hogy van egy kis kép, 16*16px és melette van egy szöveg. A szöveg egy <a> tagba zárt link. Azt szeretném, ha ráviszem az egeret a linkre akkor a mellette lévő kis kép átváltozzon. Azt már vágom hogy valami onMouseOver esemény kell hozzá, csak azt nem tudom, hogy hogyan hivatkozzak a képre window.kép... nem tudok rájönni. Segítsetek ha tudtok addig is bogarászok tovább, hátha találok valamit. Előre is köszönöm a választ mindenkinek.
‹ window visible IE alatt Teljes középreigazítás CSS-sel ›
 ■
1

Ha a kép is lehet link

Jano · 2005. Dec. 14. (Sze), 13.32
Ha a kép is lehet link akkor a dolog simán CSS-ből megoldható. A két képet tedd egy képre egymás mellé vagy alá és CSS-ből mindig a megfelelő részt fogjuk látatni.

<a href=""><span></span>Szoveg</a>


a {
 color:blue;
}

a:hover {
 color:green;
}

a span {
 background:url("kiskep.gif") no-repeat 0 0;
 width:16px;
 height:16px;
 float:left;
}

a:hover span {
 background-position:-16px 0;
}
Mindenképpen legyen legalább egy tulajdonság ami az a elemnek is megváltozik, különben az IE elfelejti a gyerek elem span-t vissza állítani.
3

ez a megoldás tetszik

arpadosso · 2005. Dec. 14. (Sze), 19.44
igazából nem nagyon értem még hogy működik de kezdem sejtegetni... Köszönöm
2

<Nincs cím>

halee · 2005. Dec. 14. (Sze), 13.54
Hi!

Hát az említett példára a legegyszerűbb megoldás, ha a képnek adsz egy id-t és a
document.getElementById(id)-vel

elérheted a képet.
Megjegyezném ilyen esetben érdemes (kell) használni valamilyen kép preloadert...

üdv, Halee
4

Igen ez az ami érdekelne, de nem ezt végképp nem étem

arpadosso · 2005. Dec. 14. (Sze), 19.50
<img id="menu1" src="/eredetikep.jpg" width="32" height="32"> <a href="/menu1" onmouseover="window.id.src='masikkep.jpg';" onmouseout="window.id.src='eredetikep.jpg';">MENU</a>
így működhet?