Das Vorschau-Bild erzeugst du mit dem oben genannten Code - natürlich müssen die Pfadnamen auf deine eigene Seite und deine Bildnamen angepasst werden.
Wenn man nun auf das Vorschaubild klickt, passiert folgendes:
1. Man hat Javascript aktiviert: Es öffnet sich ein Fenster in den angegebenen Maßen mit dem großen Bild.
2. Man hat Javascript nicht aktiviert: Das große Bild wird in dem Fenster angezeigt, in dem dem bisher das Vorschaubild war. Um wieder auf die Seite mit dem Vorschaubild zurückzukommen, geht man über den Zurück-Knopf des Browsers.
Damit es was aussieht, musst du das große Bild natürlich in der entsprechenden Auflösung auf den Server bringen, aber das ja ist bei allen Varianten so.
Zum HTML-Code:
Mit href= gibst du wie gewohnt das Ziel deines Links an, also in diesem Fall das große Bild direkt. Mit onclick= gibst du an, was passieren soll, wenn der Link angeklickt wird. Dort kommt das kleine JavaScript, das ein neues Fenster öffnet, auf passende Größe bringt und das Bild darin anzeigt. Einfach abschreiben und nur die Pfadnamen und ggf. die Fenstergröße anpassen.
Alles klar?