Heim  >  Artikel  >  Web-Frontend  >  Beispiel für die Bestimmung der Bildgröße durch Javascript Analysis_Javascript-Kenntnisse

Beispiel für die Bestimmung der Bildgröße durch Javascript Analysis_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:44:191076Durchsuche

Normalerweise beurteilen wir die Größe von js-Bildern, indem wir das Bildobjekt verwenden und dann attr verwenden, um die Bildadresse zu erhalten und dann zu beurteilen .
Einfachster Weg:

Code kopieren Der Code lautet wie folgt:

var img=new Image();
img .src=$('#tlogo').attr('src');
if(img.width > '240'){
$('#tlogo').attr(' Breite', '240');
}

Wenn die Seite im obigen Beispiel nicht geladen wurde, kann js die Bildgröße nicht ermitteln. Dazu können wir zunächst feststellen, ob der Ladevorgang abgeschlossen ist, und dann die Bildgröße bestimmen.

Code kopieren Der Code lautet wie folgt:



Oder verwenden Sie jquery:

Code kopieren Der Code lautet wie folgt:

$("#imageId").load (function( ){
warning("Laden abgeschlossen!");
});

Jetzt können wir den Code optimieren

Code kopieren Der Code lautet wie folgt:

$("#tlogo").load (function( ){
var img=new Image();
img.src=$('#tlogo').attr('src');
if(img.width > '240 '){
        $('#tlogo').attr('width','240');
}
});

Hinweis hier: #tlogo ist eine ID, die Ihrer Bildadresse hinzugefügt wird. Dies ist erforderlich.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn