Habituellement, nous pouvons utiliser des images d'images pour juger de la taille des images JS, puis utiliser ATR pour obtenir l'adresse d'image, puis porter des jugements . Voyons quelques exemples ci-dessous.
La manière la plus simple:
La copie de code est la suivante:
var img = new image ();
img.src = $ ('# tlogo'). attr ('src');
if (img.width> '240') {
$ ('# tlogo'). att ('width', '240');
}
Dans l'exemple ci-dessus, si la page n'a pas été chargée, JS ne peut pas obtenir la taille de l'image. Dans ce cas, nous pouvons d'abord déterminer si le chargement est terminé, puis juger la taille de l'image.
La copie de code est la suivante:
<img id = "img2" src = "images / 1.jpg" />
<script linguisse = "javascript">
document.getElementById ("img2"). onload = function () {
alert ("chargement d'image terminé");
}
</cript>
Ou utilisez jQuery:
La copie de code est la suivante:
$ ("# ImageId"). Load (function () {
alert ("Chargement terminé!");
});
Jusqu'à présent, nous pouvons optimiser le code
La copie de code est la suivante:
$ ("# tlogo"). Load (function () {
var img = new image ();
img.src = $ ('# tlogo'). attr ('src');
if (img.width> '240') {
$ ('# tlogo'). att ('width', '240');
}
});
Remarque ici: #tlogo est un ID ajouté à votre adresse d'image. C'est un must.