[js] Dynamiczna zmiana obrazka, zawartości diva, Czy na pewno dobrze robię? Opcje

[-Wieviór-]

Zmieniam obrazek po najechaniu takim kodem:

[HTML] pobierz, plaintext 
<div class="przycisk"><a href="" onmouseover='rollover1.src="img/przyciski/home_on.gif"' onmouseout='rollover1.src="img/przyciski/home.gif"'><img id="rollover1" src="img/przyciski/home.gif" alt=""/></a></div>
[HTML] pobierz, plaintext 

No i zastanawiam się czy to jest na pewno najlepszy sposób. Bo chciałbym jak najbardziej zoptymalizować kod. Podobnie chciałem zrobić ze zmianą zawartości diva po kliknięciu, ale też nie wiem czy to najlepszy sposób.

Z góry dzięki za jakieś info na ten temat, zaznaczam tylko, że w googlu szukałem, i owszem - jest mnóstwo na ten temat, ale rozwiązania za zwyczaj mają w sobie AJAX'a, albo plik *.js najmniej 10kb, a to mnie nie interesuje. ;]

[Maciekbjw]

Myślę, że jest poprawnie, jednak chyba nie najbardziej optymalnie.


Możesz też zrobić tak:

Kod

document.getElementById(zakladka).childNodes[0].src ='img/'+zakladka+'-over.gif';