JavaScript による画像サイズの決定の例 分析_javascript スキル

通常、js 画像のサイズは、images オブジェクトを使用して を使用して判断し、次に attr を使用して画像アドレスを取得してから を判断します。いくつかの例を見てみましょう。
最も簡単な方法:

コードをコピー コードは次のとおりです。

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

上記の例では、ページがロードされていない場合、js は画像サイズを取得できません。このため、最初に読み込みが完了したかどうかを判断し、次に画像サイズを決定します。

コードをコピー コードは次のとおりです:

または jquery を使用します:

コードをコピーします コードは次のとおりです:

$("#imageId").load (function( ){
alert("読み込み完了!");
});

これでコードを最適化できます

コードをコピー コードは次のとおりです:

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

ここで注意してください: #tlogo は写真のアドレスに追加される ID です。これは必須です。