Bilder wechseln

Lenni

Moin,
Ich habe eine Navigation mit mehreren verlinkten Bilden. Wenn ich mit der Maus über ein Bild gehe, dann soll sich dieses verändern. Das ist auch kein Problem.
Nur ich möchte außerdem das sich das Bild dauerhaft verändert sobald ich auf den Link geklickt habe. Nur ich habe keine Ahnung wie.
Bei meinem jetzigen Code ändert er schnell das Bild, aber wechselt es dann auch sofort wieder in den Ursprung.

<script language="JavaScript" type="text/javascript">
<!--
function Bildwechsel()
{
     bild.src = 'Images/Button2.jpg';
}
-->
</script>

<a href="index.php" onClick="Bildwechsel()"><img src="Images/Button.jpg" alt="bild" name="bild" id="bild" ></a>

Moin,

dafür ist Javascript überflüssig.
Nimm CSS - a:link, a:active, a:hover und a:visited in Kombination mit background-image ist alles, was du brauchst

Lenni

Nur es kommt noch hinzu, dass die Bilder wieder in den Ursprung versetzt werden sollen sobald man einen anderen Link drückt.
Das soll nur zeigen auf welcher Seite man sich befindet.
Kann ich das so trotzdem mit CSS machen?

Okay, dann wird es komplizierter. Das würde ich dann aber Serverseitig lösen (und z.B. immer dem aktiven Link die Klasse "currentLink" zuweisen, während die anderen "inactiveLink" bekommen - oder so). Javascript sollte für sowas imho nicht verwendet werden.

Showball

Wenn du auf css verzichten willst, kannst du das doch mit php lösen ...