Detectar cuando Ajax termine de cargar todas las imágenes con Jquery

[PHPcool]

Hola amigos!, lo que pasa es lo siguiente. Prueben éste ejemplo:

index.html

Código Javascript:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).on("ready", function(){
        $(document).load("h.html", function(d){
            document.write(d);
            alert("Done!");
        })
    })
</script>
 

y en otro archivo: h.html

Código HTML:

<img src="http://www.noao.edu/noao/staff/kolsen/images/M31.jpg" width="600"/>
 

Quiero lograr, es cargar imágenes mediante ajax y jquery... y detectar cuando todas las imágenes ya han cargado por completo de manera asincrónica. SI se fijan, al cargar la petición, muestra un mensaje en alerta, pero la imagen sigue cargando. Quiero detectar cuando todo haya cargado por completo. ¿Cömo lo hago?

¡Muchas Gracias!

[PHPeros]

Esque ya lo tienes, estás utilizando el callback de load

[PHPcool]

Iniciado por PHPeros

Esque ya lo tienes, estás utilizando el callback de load

Probaste el ejemplo?.

Si lo pruebas te das cuenta que realmente llama el callback cuando obtiene el contenido, y éso está normal... lo que sucede es que la imagen sigue cargando del servidor una vez "load", haya traido el contenido. Lo que necesito es determinar, cuándo dichas imágenes termienn de cargar de manera asincrónica.

[PHPeros]

Pues prueba con un window.onload dentro del callback...

[PHPcool]

Amigo... es una llamada asincrónica a un archivo externo, mediante el cual se obtiene una imagen... onLoad no vá a servir de nada en éste caso. Sólamente detecta toda la carga de la misma página, NO del archivo externo.

[PHPeros]

Busca en Google

[PHPcool]

Muchas Gracias, ya me diste una idea.