Ci sono API o metodi jQuery o JS puro per ottenere le dimensioni di un'immagine sulla pagina?
clientWidth e clientHeight sono proprietà DOM che mostrano l'attuale dimensione in-browser delle dimensioni interne di un elemento DOM (esclusi margine e bordo). Quindi, nel caso di un elemento IMG, questo otterrà le dimensioni reali dell'immagine visibile.
var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
Inoltre (oltre alle risposte di Rex e Ian) c'è:
imageElement.naturalHeight
e
imageElement.naturalWidth
Questi forniscono l'altezza e la larghezza del file immagine stesso (piuttosto che solo l'elemento immagine).
Usando JQuery si fa questo:
var imgWidth = $("#imgIDWhatever").width();