In jQuery è semplice ottenere la larghezza reale delle immagini responsive.
La soluzione è la seguente:
(function( $ ) {
$.naturalWidth = function( img ) {
if( img.is( "img" ) ) {
return img[0].naturalWidth;
} else {
return -1;
}
};
})( jQuery );
La funzione accetta come argomento un oggetto jQuery di tipo img
e restituisce la larghezza originaria dell'immagine.