Continuar script una si y solo si finalizó la carga de una imagen

[zz_sioux]

He probado

image.onload = function () {}

también

while (image.complete == false){} // esto produce error en los navegadores

¿como harían ustedes?

[caricatos]

Hola:

El evento load modifica el atributo complete, así que podrías usar cualquiera de los 2 métodos... pero el segundo deberías temporizarlo (setInterval/setTimeout).

Se me ocurre que no referencies debidamente esa imagen . Y un consejo, que tal vez no importe en este caso: evita usar nombres similares a las palabras reservadas... por ejemplo: image.

Saludos

[zz_sioux]

Iniciado por caricatos

Hola:

El evento load modifica el atributo complete, así que podrías usar cualquiera de los 2 métodos... pero el segundo deberías temporizarlo (setInterval/setTimeout).

Se me ocurre que no referencies debidamente esa imagen . Y un consejo, que tal vez no importe en este caso: evita usar nombres similares a las palabras reservadas... por ejemplo: image.

Saludos

muchas gracias por tu respuesta caricatos, puedo haber creado confusión al haber escrito image, pero entiendo el punto.

El problema está en que parece que no domino bien el bucle con un temporizador, ya que continuamente tengo conflictos con el navegador,

Código Javascript:

while (varimagen.complete==false){
        setInterval("var a = 10;",10000);
}
 

[zz_sioux]

ya lo solucioné, para no complicarme con los milisegundos, hice 2 funciones, una que carga las imágenes y otra que cuenta cuantas imágenes cargó, cuando el contador llega a la cantidad de imágenes que son, ejecuta el programa principal (main).
Para aquel que le interese:

Código Javascript:

nameimages = new Array('imagen0','imagen1','imagen2','imagenn');
    images = {};
    loadAllImages();
 
    function loadAllImages(){
        for (name in nameimages){
            images[nameimages[name]] = new Image();
            images[nameimages[name]].onload = function() { 
                                    resourceLoaded();
                                    }
            images[nameimages[name]].src = "images/" + nameimages[name] + ".png";
        }
    }
 
    var totalResources = nameimages.length;
    var numResourcesLoaded = 0;
 
    function resourceLoaded() {
      numResourcesLoaded += 1;
      if(numResourcesLoaded === totalResources) {
        main();
      }
    }
 

lo saque de aquí: http://www.williammalone.com/article...e-character/1/