Sebastian: Für Fotoseite iframes oder Tabelle nutzen?

Beitrag lesen

Hallo zusammen!

Ich hoffe, ich habe den richtigen Themenbereich für meine Frage gewählt.

Ich plane eine Website zu erstellen, auf der hauptsächlich Fotos angezeigt werden sollen, die aus diversen Alben über Thumbnails ausgewählt werden können. Ich sage gleich vorweg, dass ich Anfänger bin was Webseiten-Programmierung angeht.

Meine Idee war folgende: Ich baue mir ein Grundgerüst auf, und um zu vermeiden, dass ich für jedes Bild eine neue Seite erstellen muss, bette ich den Bereich, in dem das Foto angezeigt werden soll, über einen iframe ein und verweise mittels OnMouseOver-Event auf das jeweilige Bild (geht sowas überhaupt?)

Nun ja, jetzt habe ich aber mal so ein iframe-Element ausprobiert (<iframe src="bild.jpg"></iframe>). Es scheint mir dabei jedoch als ob sich mein Frame nicht an die Grösse des Bildes anpasst. Ich erhalte im Firefox nur ein extrem kleines Bild, das ich per Mausklick vergrößern kann, mit der Folge, dass ich ein paar Scrollbalken bekomme. Das alles ist nicht unbedingt das was ich mir erhofft habe.

Was also würdet ihr vorschlagen:

  • Lieber den Bereich, in dem das jeweilige Foto angezeigt werden soll, über eine Tabelle einbinden, in der sich die Zelle automatisch an die Fotogrösse anpasst (was dann aber wohl für jedes Bild ein komplett neue Seite bedeuten würde, zumindest gehe ich davon aus), oder...

  • mit JavaScript die Maße des Fotos einlesen und dann das iframe Element dementsprechend ausrichten (wofür ich mich aber auch erstmal mit JS beschäftigen müsste), oder...

  • etwas hoffentlich viel einfacheres ^^

Ich würde mich freuen, wenn jemand einen hilfreichen Lösungsansatz für mich hätte...

Gruß

Sebastian

PS: Was ich definitv NICHT möchte ist eine externe Anzeige des Bildes, wie ich es schon desöfteren gesehen habe (also dass sich ein neues Fenster öffnet). Das Foto sollte schon direkt auf der Seite angezeigt werden.