Durante il caricamento delle immagini è possibile reperire le loro dimensioni quando il caricamento è completato. La soluzione JavaScript è semplice.
Interroghiamo la proprietà complete dell'immagine e otteniamo le sue dimensioni:
function getImageDimensions( img, callback ) {
img.addEventListener( "load", function() {
if( this.complete ) {
var dims = [];
dims[0] = this.offsetWidth;
dims[1] = this.offsetHeight;
callback( dims );
}
}, false);
}
L'array restituito come parametro della funzione di callback contiene la larghezza e l'altezza dell'immagine.