llenar un array de imagenes por tamaño

[gerion_angel]

Buenos días foro.

estoy teniendo que buscar en un xml que contiene Urls de imagenes, aquellas que tienen un tamaño concreto y me está dando muchos problemas.

tan solo puedo usar javascript

este es mi código.

Código:

var xmlIE = cargarXMLDoc('http://10.xxx.xx.xxx/Datos/imagenEnorme.xml');
	var xIE = xmlIE.getElementsByTagName("elemento");
	for (var i = 0; i < xIE.length; i++){
		miImagen.src = xIE[i].getElementsByTagName("Imagen")[0].childNodes[0].nodeValue;
		miImagen.onload = function () {
			alert (this.src + " -> " + this.width + " x " + this.height);
			if (this.width == 320 && this.height == 197){
				contadorIE++;
				miArrayIE.push(this.src);
				}
			};
		}
	alert ("tamaño->" + miArrayIE.length + " contador-> " + contadorIE);

se que leo correctamente el xml y que le recorro.

pero la salida en los alert de esto, es

--> tamaño->0 contador-> 0
-->'url' -> 592 x 320

tan solo esto, esa Url, corresponde a la ultima imagen del archivo xml.

por lo que veo, primero se está ejecutando entero y después realiza las cargas de las imagenes?

como puedo solucionarlo?

gracias por adelantado