Reconocer cuando se termina de cargar un src de imagen

[darkdestroyer]

Buenas.

Acá vengo con otra duda acerca de acerca de javascript

Quiero hacer una especie de barra loading y para eso necesito saber cuando una imagen termina de cargarse... para eso se me ocurre un código más o menos así:

(teniendo la imagen de id "img1" por ejemplo, a la que no se le asignó ninguna ruta)
(la imagen imagen.jpg, que es más o menos pesada, no fue cargada previamente)

Código PHP:

  document.getElementById("img1").src = "imagen.jpg";
 
while(imagenNoCargada)imagenNoCargada = ( !fueCargada("img1") );
 
// ya cargada la imagen, puede continuarse con los demás procesos. 
   

Mi pregunta es cómo hacer la función "fueCargada" para que registre cuándo se termina de cargar la imagen.

[caricatos]

Hola:

Date una vuelta por las FAQs que yo mismo puse un mensaje de precargar imágenes con barra de progreso, que seguramente te sirva... la cuestión es consultar el atributo complete de la imagen o programar su evento load... tal vez lo más aconsejable sea también programar el error (onload/onerror)

Saludos