JQuery - jQuery no carga correctamente

Buenas,

tengo un problemilla con la carga de jQuery, os cuento:

Tengo un div de 80px por 80px y dentro una imagen pero no necesariamente con esas medidas. Lo que hago con JQuery es decirle: Si la imagen tiene más altura que anchura añade una clase, si es más ancha que alta añade otra y si tiene las mismas medidas tanto de alto como de bajo pues otra.

Cuando entro en la página por primera vez se pasa por el for la que es más ancha que alta porqué la centro dentro del div con un overflow:hidden restandole a la izquierda esos píxeles que me sobran, no se si me explico..

Lo que pasa es que cuando vuelvo a cargar la página funciona correctamente y no se porque sucede. He probado añadiendo el jQuery en el header, el script en el header o footer o en la misma página y siempre pasa lo mismo.

Adjunto imagen como ejemplo.

A ver si alguien tiene alguna solución,

Gracias!! ;)

Debes redimensionar el div despues que se termine de cargar todo el DOM. Esto lo haces en el evento ready de JQuery

$(document).ready(function(){
...
}

Si lo se, eso es lo que me preocupa...

Lo he añadido tanto con:

o

Pero nada..

Solo pasa con llas imágenes que son más anchas, que lo que hago es restarle píxels a la izquiera.

Este es mi código:


Puede que sea porque está dentro de un each y puede que no le de tiempo, no se..

No me queda claro lo que necesitas, pero podrias verificar si no necesitas que la posicion sea relativa:


Saludos.

Voy a probarlo @Horroroso añadiendo una posición absoluta,

gracias ;)