Grafiken sollen sich beim darüberfahren/draufklicken verändern

Hi,

also, ich bastel jetzt mal an einer Bandhomepage. Mein momentanes Problem ist, dass ich es mit CSS hinbekommen möchte, notfalls JavaScript, dass wenn man auf ein IMG mit der Maus geht, ein anderes erscheinen soll und wenn man darauf klickt ein drittes IMG erscheint und das davor gesehene ersetzt. Die IMGes sind umrandet mit Verlinkungen. Sprich, es geht um das Menü.

Ich habe also 3 Grafiken für einen Menüpunkt.

Schätzungsweise dürfte es nicht all zu schwer sein, doch ich hab mich heute morgen bereits ohne Erfolg dumm und dämlich gesucht, um selbst die (einfache) Antwort zu finden. :\

mfg Niji

HTML-Code:

---

<img alt="Startseite" src="images/startseite.png" onmouseover="this.src = 'images/startseite2.png';" onmouseout="this.src = 'images/startseite.png';" onclick="this.src = 'images/startseite3.png';" />

---

startseite.png ist dann die Standardgrafik, startseite2.png die, die beim Überfahren erscheint, und startseite3.png die, die beim Klick auf die Grafik erscheint. Die Ersatzgrafiken würde ich dann eventuell irgendwo anders unsichtbar einbinden, damit sie sofort angezeigt werden und nicht erst geladen werden müssen, also zum Beispiel in einem unsichtbaren IFrame.

thx, funzt einwandfrei

EDIT:
Opera hat Probleme beim Klicken auf die Links, später dann noch alle Bilder anzuzeigen... woran könnte das liegen?
EDIT²:
Hat sich erledigt.