Obtener ancho redimensionado de imagen [RESUELTO]

[kreativodesigns]

Buenas, os explico mi dilema xD

mediante unas consultas muestro las imagenes que tengo en una carpeta, estas tienen cada unas dimensiones distintas, pero para cuadrarlo les asigno una altura determinada al mostrarlas, lo que quiero es calcular el ancho total de todas las images, para ello guardo este dato de la siguiente manera....

Código:

for(i=0;i<$imagenes.size();i++){
 var oImg = new Image();
 oImg.src = $imagenes[i].src;
 tot = tot+(oImg.width+4); 
}

esto funciona bien porque obtengo el ancho de las imagenes, PERO el ancho original, es decir, sin redimensionar, mi pregunta es...es posible obtener el tamaño que se "muestra" en vez de el real?

Un saludo

[Osdiwe]

¿Las imágenes las muestras dentro de otro elemento que las engloba? Puedes probar en obtener el tamaño de este elemento, aunque solo sea un elemento que no muestres en pantalla.

[kreativodesigns]

las imagenes se cargan dentro de un <div>, pero lo que necesito es saber que tamaño debo darle a ese div para que todas las imagenes queden alineadas horizontalmente y no una debajo de otra no se si me explico xD

[Osdiwe]

Con css puedes hacer que el div se ajuste automaticamente a su contenido. Puedes usar distintas técnicas. Posicionarlo absolutamente, utilizar el float:left, ponerle display:inline; ...

[caricatos]

Hola:

Para poder consultar el tamaño de la imagen debes esperar que se cargue, o sea cuando provoque el evento load...

oImg.onload = function() {
tot += (this.width+4);
}

Algo así...

Saludos

[kreativodesigns]

Gracias a todos los que habeis contestado, al final lo pude resolver con un simple bucle y la funcion .width.

Código:

for(i=0;i<$imagenes.length;i++){
			tot = tot+($imagenes[i].width+4);
}

Tema resuelto