Discussion :

[danyboy85]

Bonjour,

Je souhaite en javascript réupérer la taille réelle d'une image mais je n'y parviens pas lorsque les attributs "width" et "height" sont renseignés.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="test.png" height=40 width=30>

Sachant que la taille réelle de l'image et de 100x50, comment faire pour récupérer mes valeurs 100 et 50 ?

[SpaceFrog]

la charger sans attributs dans une autre balise et en récupérer les offsetHeight et offsetWidth

[danyboy85]

Oui en effet. Je crois même avoir trouvé mieux :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var tmp_img = new Image();
tmp_img.src="blabla/image.png"
real_width = tmp_img.width
real_height = tmp_img.height

En tout cas merci de ton aide. Je considère mon problème résolu.

[Invité]

Bonjour,
Je relance ce vieux sujet, car ce serait dommage de ne pas le conclure
réélement.
En effet ta solution est asynchrone, et seul IE (trop tolèrent) te donnera la bonne réponse.
Ainsi donc pour être full-compatible faut'il réaliser la mesure a la fin du load !!
ce qui donnera :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var tmp_img = new Image();
tmp_img.src="blabla/image.png";
tmp_img.onload= function ()
{ 
largeur = this.width;
hauteur = this.height;
alert (largeur+" * "+hauteur);
};

HOP THIS HELP