Podmiana obrazka w linku, Obrazek i tekst w linku Opcje

[TomASS]

Mam coś takiego:

[HTML] pobierz, plaintext 
<a href="#"><img src="dot4a.gif"/>Wymiana taboru<br/></a>
<a href="#"><img src="dot4a.gif"/>Nowy punkt obsługi<br/></a>
<a href="#"><img src="dot4a.gif"/>Jest nas więcej<br/></a>
[HTML] pobierz, plaintext 

dot4a.gif to zielone słoneczko
dot4b.gif to pomarańczowe słoneczko

chcę zrobić aby po najechaniu na linka słoneczko zmieniło się z zielonego na pomarańczowe, czyli coś takiego (myszką najechałem na środkowy link):
(IMG:http://www.logistyka.x12.pl/2.GIF)

na razie wydziergałem coś takiego:

[HTML] pobierz, plaintext 
<script>
function $(id){
 	return document.getElementById(id);
}
 
function zmien_obrazek(obrazek){
	$(obrazek).src="dot4b.gif";
}
 
function przywroc_obrazek(obrazek){
	$(obrazek).src="dot4a.gif";
}
</script>
<a href="#" onmouseover="zmien_obrazek('menuimg1');" onmouseout="przywroc_obrazek('menuimg1');"><img id="menuimg1" src="dot4a.gif"/>Wymiana taboru<br/></a>
	<a href="#" onmouseover="zmien_obrazek('menuimg2');" onmouseout="przywroc_obrazek('menuimg2');"><img id="menuimg2" src="dot4a.gif"/>Nowy punkt obsługi<br/></a>
	<a href="#" onmouseover="zmien_obrazek('menuimg3');" onmouseout="przywroc_obrazek('menuimg3');"><img id="menuimg3" src="dot4a.gif"/>Jest nas więcej<br/></a>
[HTML] pobierz, plaintext 

ale to chyba o dupę rozbić - pewnie da się jakoś w css :/

Dzięki!

Ten post edytował TomASS 7.08.2007, 13:17:09

[mike]

Daj to słonko jako tło dla <a> i na zdarzenie najechania myszki na <a> zdefiniuj w CSS podmianę tła.
Możesz przeciez to zrbić w pseudoklasie :hover dla <a>

[HTML] pobierz, plaintext 
<style type="text/css">
a.menu {
    background: url('dot4a.gif') left no-repeat;
}
 
a.menu:hover {
    background: url('dot4b.gif') left no-repeat;
}
</style>
 
<a href="" class="menu">jeden</a>
<a href="" class="menu">dwa</a>
<a href="" class="menu">trzy</a>
[HTML] pobierz, plaintext 

Coś takiego