Hi,
ich hätte da einen Vorschlag:
Du benutzt Frames. Und zwar machst du Spalten, 2 Stück, die erste nimmt ca. 1/5 der Seite ein. In dieses Frame packst du dann die Bilder. Das 2. Frame nimmt den Rest der Seite ein: Hier kommt der Text hin, mit dem aktuellen Bild. Also wenn man dann auf Bild 2 klickt, öffnet man durch einen vorher erstellten Link bild2text.html, und das das ganze dann im rechten großen Frame angezeigt werden soll, musst du dann im Link angeben, dieser dürfte dann so aussehen:
[img]Bild2.jpg[/img]
Dem target="Text" im Link geht voraus, das du das rechte, große Frame "Text" nennst. Etwa so:
<html>
<head>
<title>Name der Seite</title>
</head>
<frameset cols=
"160,*" frameborder="0">
<frame src="bilderlinks.html" name="Bilder" scrolling="auto" noresize>
<frame src="textundbild.html"
name="Text"
scrolling="auto" noresize>
<noframes>
Ihr Browser kann diese Seite leider nicht anzeigen!
</noframes>
</frameset>
</html>
Bei frameset cols="160,*" bedeutet, das das linke Frame eine Breite von 160 pixel hat und das rechte den Rest übernimmt! Den Wert kann man natürlich nach belieben verändern. Wenn du Links machst, deren Ziel im rechten Hauptframe angezeigt werden soll, musst du dem link target="Text" hinzufügen, wobei Text der oben angelegte Name des großen Frames ist!
Ein ausführliches Tutorial gibt's hier:
http://de.selfhtml.org/
Und direkt zu deinem Thema:
http://de.selfhtml.org/html/frames/definieren.htm
Hoffe ich konnte dir helfen!