JavaScript - funzione per ottenere larghezza dell'immagine reale e amp; altezza (cross browser)
-
22-07-2019 - |
Domanda
Come ottenere larghezza dell'immagine reale & amp; altezza (cross browser) dalla funzione JavaScript?
Soluzione
Prima di tutto, hai maggiori possibilità di ottenere una risposta alla tua domanda se la ponessi in modo più educato e fornisca quante più informazioni pertinenti possibili.
In ogni caso ...
Per quanto ne so, puoi usare la proprietà .width
in quasi tutti i browser:
function getDimensions(id) {
var element = document.getElementById(id);
if (element && element.tagName.toLowerCase() == 'img') {
return {
width: element.width,
height: element.height
};
}
}
<img id="myimage" src="foo.jpg" alt="" />
// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height
Altri suggerimenti
var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");
Sì, Google !
Esistono alcuni modi per farlo a seconda di ciò di cui hai bisogno (che hai inutilmente omesso di includere). Probabilmente il più semplice in senso generale è ottenere un riferimento all'oggetto Image e ispezionare le proprietà width
e height
.
jquery + < img src = " " ... id = " hello " / >
+ $("#hello").width()