Mostrar el cargando hasta que la imagen que viene por ajax este totalmente cargada.

[Xellos]

_ Saludos, tengo un problemila, hago una transferencia asincrona mediante ajax y no se como mostrar el loading... hasta que la imagen q traigo por ajax este totalmente cargada, es decir hasta que ya este la imagen en el DOM, ojo esta imagen o imagenes, vienen por response.Text de otra pagina.
la idea es que al cargar la nueva imagen elegida por el usuario muestre el cargando hasta que la imagen este totalmente armada, y no que esta aparesca por pedazos que es asi como armo esta imagen.
Pondria el link pero este foro no lo permite, por sus razones que seguro son importantes.


Algun consejo?.

[Xellos]

_ Lo solucione precargando con un script muy efectivo en javascript, asi cuando ajax ordena al DOM que muestre un contenido la imagen ya fue precargada.
Gracias a los que leyeron y no pudieron resolver esto.

[matak]

Buenas,

Podrías poner el script que te soluciono el problema...

Yo suelo hacer...

Código javascript:

ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divBien_user.innerHTML = ajax.responseText
            document.getElementById('imagen_espera').style.display = 'none'
        }else{
            document.getElementById('imagen_espera').style.display = 'block'
        }
    }
 

Y si el contenido que inyecto con innerHTML es muy pesado me sucede lo que a ti.

Me sería de gran ayuda...

Gracias y saludos...

[manumar]

Hola, mira te dejo esta funcion que funciona de maravilla ;)

Código javascript:

function preCarga()
{
    imagenes=new Array();
    for(i=0; i<arguments.length; i++)
    {
        imagenes[i]=document.createElement("img");
        imagenes[i].src=arguments[i];
    }
}
 

salu2