Onko olemassa jQuery- tai puhtaita JS-API:itä tai menetelmiä, joiden avulla voidaan saada sivulla olevan kuvan mitat?
clientWidth ja clientHeight ovat DOM-ominaisuuksia, jotka näyttävät DOM-elementin sisäisten mittojen nykyisen selaimen koon (lukuun ottamatta marginaalia ja reunusta). IMG-elementin tapauksessa tämä antaa siis näkyvän kuvan todelliset mitat.
var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
Lisäksi (Rexin ja Ianin vastausten lisäksi) on olemassa:
imageElement.naturalHeight
ja
imageElement.naturalWidth
Nämä antavat itse kuvatiedoston korkeuden ja leveyden (eikä vain kuvaelementin).
JQueryn avulla voit tehdä tämän:
var imgWidth = $("#imgIDWhatever").width();