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

[TomASS]

Wiedziałem, że da się prościej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Dzięki

Daj to słonko jako...

Jak mike do mnie słodko mówisz (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

o to chodziło (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

No da sie latwiej...

Wybacz, ale mike zrobił to łatwiej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Też kombinowałem tak jak Ty, ale coś mi nie wychodziło...jednak Twój sposób też jest dobry (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dodam jeszcze, że zrobiłem tak jak mike i dodałem padding, bo tekst wchodził na obrazek:

[HTML] pobierz, plaintext 
a.menu {
	background: url('dot4a.gif') left no-repeat;
	padding-left: 20px;
}
 
a.menu:hover {
background: url('dot4b.gif') left no-repeat;
}
[HTML] pobierz, plaintext 

Dzięki