Zijn er jQuery of pure JS API's of methoden om de afmetingen van een afbeelding op de pagina te krijgen?
clientWidth en clientHeight zijn DOM-eigenschappen die de huidige in-browser grootte van de binnenafmetingen van een DOM-element weergeven (marge en rand niet meegerekend). Dus in het geval van een IMG element, zal dit de werkelijke afmetingen van de zichtbare afbeelding krijgen.
var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
Ook (naast de antwoorden van Rex en Ian's) is er:
imageElement.naturalHeight
en
imageElement.naturalWidth
Deze geven de hoogte en breedte van het afbeeldingsbestand zelf (in plaats van alleen het afbeeldingselement).
Met behulp van JQuery doe je dit:
var imgWidth = $("#imgIDWhatever").width();