Ermittlung der Größe von JPG-Bildern

Computer: Software & Programmierung JavaScript & Script-Sprachen
1

Hallo liebe Javascript-Experten!

Habe ein Problem mit der Ermittlung der Bilddimensionen eines JPG-Bildes. Ich habe dabei folgende Aufgabenstellung:
Habe eine Webseite mit Bildergalerien. Jede Bildergalerie hab eine Thumbnail-Vorschau. Beim Klick auf ein Vorschaubild soll die Bildgröße ermittelt werden und ein Fenster mit der entsprechenden Größe, in dem das Bild angezeigt werden soll, geöffnet werden. Das ganze Script funktioniert ganz gut, bis auf einen dummen Schönheitsfehler:

Ich muss jedem Bild 2x draufklicken bis die Größe richtig erkannt wird und das Fenster dann auch richtig angezeigt wird. Habe mir zur Kontrolle immer den Quellcode des erzeugten Popups angesehen und dabei festgestellt das bei foto.width und foto.height immer beim ersten Aufruf „0“ steht. Alle weiteren Aufrufe funktionieren dann wieder nur beim 1.Mal der MIST.

//Quellcode zur Ermittlung der Bildgröße
function BildAnz(URL)
{
foto = new Image();
foto.src = URL;
var BB = foto.width; //Bildbreite
var BH = foto.height //Bildhöhe
.
.

//Quellcode zum Öffnen des Popups
NewWindow=window.open("", „“, „top=0, left=0, height=“+FH+", width="+FB+", toolbar=0, directories=0, menubar=0, status=0, resizable=1, scrollbars=0");
.
.
//Quellcode zum Schreiben des Bildes
NewWindow.document.write ("

2

Ich muss jedem Bild 2x draufklicken bis die Größe richtig
erkannt wird und das Fenster dann auch richtig angezeigt wird.

foto = new Image();
foto.src = URL;
var BB = foto.width; //Bildbreite
var BH = foto.height //Bildhöhe

du versuchst die groesse des bildes herauszufinden, bevor dieses fertig geladen ist.
ein vergleich auf bild.loaded oder ein triggern auf foto.onload sollte helfen.

3

danke für die rasche Antwort - könntest du mir da mal ein codeschnipsel zukommen lassen. bin noch anfängerin und hab keine ahnung wie das aussehen soll.
Danke

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

4

hab es aber nur fix am mozilla und ie6 probiert…

var foto;
function BildAnz(URL)
 {
 foto = new Image();
 foto.onload = BildAnz1;
 foto.src = URL;
 }

function BildAnz1()
 {
 var BB = foto.width; //Bildbreite
 var BH = foto.height //Bildhöhe

 alert(BB+":"+BH);

 //ab hier weiter wie gehabt mit newwin...
 }
[foo](javascript:BildAnz('http://www.evl.uic.edu/pape/Gallery/Night.jpg'))
2 „Gefällt mir“
5

Danke habs probiert und klappt bestens
L.G. Denise

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]