La taille de l'image affichée dans le navigateur peut ne pas correspondre à sa hauteur et à sa largeur réelles. Par exemple, comme indiqué ci-dessous, nous y ajoutons des styles de largeur et de hauteur
.
La taille affichée dans le navigateur est de 25px. Alors, comment obtenir la vraie taille de l’image ? , le code suivant implémente cette fonction
//Définissez un délai pour garantir que l'image est chargée
setTimeout(function() {
var
real_width,
real_height,
_je suis
à travers
real_width = im.width,
real_height = im.height;
alert(real_width 'n' real_height);
} 500 );
Remarque : j'ai testé le code ci-dessus sur IE7 et Chrome. Comme IE6 n'est pas installé, je ne peux pas le tester.
Code très simple à utiliser, je l'utilise dans la plupart de mes projets, n'hésitez pas à l'utiliser