Czy istnieją jakieś interfejsy API jQuery lub czystego JS lub metody, aby uzyskać wymiary obrazu na stronie?
clientWidth i clientHeight są właściwościami DOM, które pokazują aktualny rozmiar wewnętrznych wymiarów elementu DOM w przeglądarce (wyłączając margines i obramowanie). Tak więc w przypadku elementu IMG, będzie to rzeczywiste wymiary widocznego obrazu.
var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
Również (oprócz odpowiedzi Rexa i Iana) jest:
imageElement.naturalHeight
oraz
imageElement.naturalWidth
Podają one wysokość i szerokość samego pliku obrazu (a nie tylko elementu obrazu).
Można to zrobić za pomocą JQuery:
var imgWidth = $("#imgIDWhatever").width();