Normalerweise können wir Bilder von Bildern verwenden, um die Größe von JS -Bildern zu beurteilen und dann ATTern zu verwenden, um die Bildadresse zu erhalten und dann Urteile zu fällen . Lassen Sie uns unten einige Beispiele sehen.
Der einfachste Weg:
Die Codekopie lautet wie folgt:
var img = new Image ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
}
Im obigen Beispiel kann JS die Bildgröße nicht erhalten, wenn die Seite nicht geladen wurde. In diesem Fall können wir zunächst feststellen, ob die Belastung abgeschlossen ist, und dann die Bildgröße beurteilen.
Die Codekopie lautet wie folgt:
<img id = "img2" src = "bilder /1.jpg" />
<script Language = "JavaScript">
document.getElementById ("img2"). onload = function () {
ALERT ("Bildladen abgeschlossen");
}
</script>
Oder verwenden Sie JQuery:
Die Codekopie lautet wie folgt:
$ ("#imageId"). Load (function () {
alarm ("Laden abgeschlossen!");
});
Bisher können wir den Code optimieren
Die Codekopie lautet wie folgt:
$ ("#tlogo"). load (function () {
var img = new Image ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
}
});
Beachten Sie hier: #tlogo ist eine ID, die Ihrer Bildadresse hinzugefügt wurde. Dies ist ein Muss.