Podmiana obrazka po najechaniu myszą... Opcje

[myslas]

<a target='_blank'href='http://$strona/plik2/$plik_nazwa'><img src='images/pobieranie1.png' alt='' width='100' height='20' border='0' onMouseOver="roolover.src='images/pobieranie.png'" onMouseOut="roolover.src='images/pobieranie1.png'">


Wyświetla mi obrazek ale niestety nie zamienia go...po najechaniu myszą...

[vokiel]

1. Oddzielenie JS od HTML od CSS
2. Hover w CSS a nie JS
3. CSS sprites dla pozbycia się efektu doczytywania obrazka

Jeśli poza obrazkiem nie ma tekstu to img jest tu niepotrzebny. Możesz zrobić coś na wzór tego:

[HTML] pobierz, plaintext 
<a target="_blank" href="http://$strona/plik2/$plik_nazwa" class="pobieranie"></a>
<style type="text/css">
a.pobieranie, a.pobieranie:hover{
    background: url("pobieanie_1_2.png") no-repeat 0px 0px;
    width: 100px;
    height: 20px;
    display: block;
    text-decoration: none;
}
a.pobieranie:hover{
    background-position: 0px -20px;
}
</style>
[HTML] pobierz, plaintext