controlar estado de carga

[dieguicho]

estimados..
estoy cargando dinamicamente imagenes (levanto sus nombres desde un XML)

como puedo "controlar" esto?
osea saber cuando terminaron de cargarse todas

las cargo asi...

contenedor.innerhtml += '<img src=foto'+id+'>';

saludos!

[caricatos]

Hola:

Las imágenes tienen el atributo complete que se pone verdadero (true) cuando termina de cargarse... supongo que tendrías que consulyar ese atributo en la colección de imágenes recién cargadas (supongo que lo mejor es que estén en un contenedor y obtener el array getElementsByTagName("img")

Saludos

[dieguicho]

si eso sirve gracias caricatos!

[ASCENDEDMASTERS]

aca te dejo este ejemplo:

Se puede lograr utilizando el objeto Image de javascript. Este objeto tiene una propiedad llamada complete que devuelve un valor booleano indicando si la imagen a sido cargada. Podrias crear una rutina que se repita para verificar la carga. Un ejemplo, funciona en Mozilla's, IE y Opera:

Código PHP:

  <img name='imagen' />
<script>
img = new Image();
img.src = 'path/filename.ext';

function checkImg(){
  if(img.complete)document.imagen.src = img.src;
  else setTimeout('checkImg()',1000);
  // se repite la misma funcion cada un (1) segundo;
}
checkImg();
</script>  
  

Notese que la etiqueta img no tiene definida el atributo src, y en el script solo estoy trabajando con una sola imagen.

FUENTE: http://www.webestilo.com/foros/mensa...o=11&msg=44817

[caricatos]

Hola:

No hace falta que uses fuentes de otra web teniendo unas FAQs tan buenas aquí: 179.- Precarga con barra de progreso... además no es necesario el objeto image() ya que los tags img son también objetos image...

Saludos