JavaScript - fonction pour obtenir la largeur de l'image réelle et la hauteur (navigateur croisé)

Question

Comment obtenir la largeur de l'image réelle & hauteur (navigateur croisé) par la fonction JavaScript?

Answer 1

Tout d'abord, vous avez une plus grande chance d'obtenir réponse à votre question si vous demandez juste d'une manière plus polie, et en fournissant autant d'informations pertinentes que possible.

... Quoi qu'il en soit

Pour autant que je sache, vous pouvez utiliser la propriété .width sur à peu près tous les navigateurs:

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 

Answer 2

Yay, Google!

Il existe plusieurs façons de faire cela en fonction de ce dont vous avez besoin (que vous avez omis d'inclure). Probablement le plus simple dans un sens général est d'obtenir une référence à l'objet Image et d'inspecter les propriétés width et height.

Answer 3

jquery + <img src="" ... id="hello" /> + $("#hello").width()

Answer 4

var realWidth = $("#image").attr("naturalWidth"); 
var realHeight = $("#image").attr("naturalHeight");