Immaginiamo di avere un’immagine ridimensionata per un qualsiasi motivo nella pagina e di volerne conoscere le dimensioni reali. Come si fa?
Per quanto possa sembrare facile ci ho messo un po’ per arrivare alla soluzione, alla fine sono giunto a scrivere una funzione perfettamente funzionante.
function larghezza_reale_immagine(img){
var tempWidth = img.width();
img.removeAttr("width").css("width","");
currentImageWidth = img.width();
img.width(tempWidth);
return currentImageWidth;
}
function altezza_reale_immagine(img){
var tempHeight = img.height();
img.removeAttr("height").css("height","");
currentImageHeight = img.height();
img.height(tempHeight);
return currentImageHeight;
}
Il funzionamento dello script è semplice:
- Rimuove le dimensioni attuali salvandole in variabili temporanee
- Salva le dimensioni originali
- Ripristina le dimensioni attraverso le variabili temporanee