Ottenere le dimensioni originali di un immagine - jQuery

Creato il 25 marzo 2013 da Ketek @CarloVentrella

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


Potrebbero interessarti anche :

Possono interessarti anche questi articoli :