Breite und Höhe von Bildern auslesen

[Marc Reichelt]

Hi!

Ich versuche mal, mir das ganze aus der Sicht des Browsers vorzustellen...
Also, dein Browser läd das erste Bild in dein <img>-Tag rein (also erstellt er ein neues img-Objekt mit der Breite und der Höhe des ersten Bildes).
Diese Werte des img-Objekts sind nach einmaliger Festlegung immer konstant, egal welche Größe das darauffolgende Bild haben möchte.
Das ist der Grund warum du immer die gleiche Höhe und Breite bekommst.

Es gibt aber einen Trick, mit dem du das ganze machen kannst (von dem Sinn wollen wir hier lieber nicht diskutieren, es ginge mit PHP viel einfacher):

Du schreibst anstelle dem <img>-Tag so etwas hin (HTML-Code):

<p id="pbild">
</p>

Per Script kannst du dann folgendes machen (JavaScript-Code):

document.getElementById("pbild").innerHTML="<img src=""+Pfad+Name+nr+Endung+"" name="bild">";

Damit lädst du das jeweilige Bild, der Browser hat dann einfach nur das Bild in das <p>-Tag geschrieben.

Und dann kannst du per Script (hoffentlich) auf die Höhe und Breite des Bildes zugreifen.

(ACHTUNG: Ich würde an deiner Stelle auch mit dem onLoad-Event arbeiten, sonst kann es wirklich sein dass du gar keine Höhe und Breite raus bekommst, da der Browser das Bild noch nicht geladen hat)

Ich wünsche dir viel Glück!

Marc Reichelt || http://www.marcreichelt.de/