Bildwechsel durch Mouseclick

Hallo Leute,

ich stehe vor einem Rätsel…
Hab angefangen eine Website für die Präsentation von Fotos zu programmieren.
Ich habe in der Navigationsleiste die zu präsentierenden Fotos in klein abgebildet.
Wenn man mit der Mouse über die kleinen Bilder fährt, werden die von 60% Transparenz voll sichtbar. Wenn ich nun mit der Mouse auf das Bild klicke, soll sich das Bild in groß mit dem Titelbild auswechseln.

Im Anhang habe ich einmal zur besseren Anschauung die Website hinzugefügt. Der HTML Quellcode ist ebenfalls vorhanden.
Was muss ich in den Quellcode schreiben, dass bei einem Klick das große Startbild durch das vergrößerte Bild aus der Navileiste ausgetauscht wird?

Wäre über einen funktionierenden Quellcode mehr als dankbar :slight_smile:

Imageshack - bildschirmfoto20110215u.png
Imageshack - bildschirmfoto20110215u.png

Viele Grüße
Jens

P.S. Ich bin neu hier und eventuelle Fehler mögen mir verziehen werden.
Die Anhängefunktion ging bei mir leider nicht, daher die Links.

Im Head-Bereich:
[HTML]

[/HTML]

(jquery.js bekommst du hier: jQuery: The Write Less, Do More, JavaScript Library)

Und im body:
[HTML]

  • [/HTML]

    Den Code musst du natürlich noch deinen Wünschen entsprechend anpassen (Größe der Bilder, URL)

    Bei deinem Bild vom Code erkennt man übrigens sehr viel. :wink: