Warten bis image geladen ist

[Bram Peter]

Ich habe schon X Artikel gelesen um heraus zu finden wie man 100% sicher sein kann das ein image geladen ist.
Leider ohne Erfolg.
Mein Problem :

var pic1 = new Image();
  pic1.src = Picturex.jpg;
  /* hier möchte ich warten bis pic1.src geladen ist */
  image_width  = pic1.width;
  image_height = pic1.height;

In viele Fälle ist image_width und image_height gleich Null, weil das bild noch nicht geladen ist.
Welche coding muss ich benützen (statt das kommentar /*...*/) damit es klapt !

[Thorsten Steffen]

Hio,

Mein Problem :

var pic1 = new Image();
  pic1.src = Picturex.jpg;
  /* hier möchte ich warten bis pic1.src geladen ist */
  image_width  = pic1.width;
  image_height = pic1.height;

In viele Fälle ist image_width und image_height gleich Null, weil das bild noch nicht geladen ist.
Welche coding muss ich benützen (statt das kommentar /*...*/) damit es klapt !

Das müsste pic1.src = "Picturex.jpg"; heissen.
Was genau heisst "warten"? Javascript wird Zeile für Zeile "abarbeiten". Ein anhalten des Skriptes ist hier nicht drin. Deswegen vielleicht interessant was du machen willst.

folgendes kannst du machen,

var pic1 = new Image();
pic1.src = "Picturex.jpg";
pic1.onload =  bildGeladen;

function bildGeladen() {
  /* hier kannste nun darauf reagieren das das Bild geladen wurde */
  }

gl & hf

Thorsten