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.