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.
  1. <a href=""><span></span>Szoveg</a>  
  1. a {  
  2.  color:blue;  
  3. }  
  4.   
  5. a:hover {  
  6.  color:green;  
  7. }  
  8.   
  9. a span {  
  10.  background:url("kiskep.gif") no-repeat 0 0;  
  11.  width:16px;  
  12.  height:16px;  
  13.  float:left;  
  14. }  
  15.   
  16. a:hover span {  
  17.  background-position:-16px 0;  
  18. }  
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
  1. <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?