La taille de l'image affichée dans le navigateur n'est peut-être pas sa hauteur et sa largeur réelles. Par exemple, comme ci-dessous, nous y ajouterons des styles de largeur et de hauteur.
<img src = "ie.png">
Cela montre que la taille du navigateur est de 25px. Alors, comment pouvons-nous obtenir la vraie taille de l'image? , le code suivant implémente cette fonction
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8">
</ head>
<body>
<img src = "ie.png" id = "image">
<cript>
// définit le retard pour s'assurer que le chargement d'image est terminé
setTimeout (function () {
var
Real_width,
Real_height,
_im = document.getElementById ('image'),
im = document.CreateElement ('img');
im.src = _im.src,
real_width = im.width,
real_height = im.height;
alert (real_width + '/ n' + real_height);
}, 500);
</cript>
</docy>
</html>
Remarque: J'ai testé le code ci-dessus sur IE7 + et Chrome, car je ne peux pas le tester car IE6 n'est pas installé.
Code très utile, je l'utilise dans la plupart des projets, n'hésitez pas à l'utiliser