Maison > interface Web > js tutoriel > Utilisez js pour obtenir la taille originale des compétences image_javascript

Utilisez js pour obtenir la taille originale des compétences image_javascript

WBOY
Libérer: 2016-05-16 16:29:26
original
1226 Les gens l'ont consulté

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

Copier le code Le code est le suivant :




            


                                                                                                                                                                                                                                                                                   //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
Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal