通常、画像オブジェクトを使用してJS画像のサイズを判断し、ATTRを使用して画像アドレスを取得してから判断を下すことができます。以下の例をいくつか見てみましょう。
最も簡単な方法:
コードコピーは次のとおりです。
var img = new Image();
img.src = $( '#tlogo')。attr( 'src');
if(img.width> '240'){
$( '#tlogo')。attr( 'width'、 '240');
}
上記の例では、ページがロードされていない場合、JSは画像サイズを取得できません。この場合、まず負荷が完了したかどうかを判断してから、画像サイズを判断できます。
コードコピーは次のとおりです。
<img id = "img2" src = "images /1.jpg" />
<スクリプト言語= "javascript">
document.getElementByID( "IMG2")。onload = function(){
アラート( "画像読み込みが完了しました");
}
</script>
またはjqueryを使用します:
コードコピーは次のとおりです。
$( "#imageId")。load(function(){
アラート( "読み込み完了!");
});
これまでのところ、コードを最適化できます
コードコピーは次のとおりです。
$( "#tlogo")。load(function(){
var img = new Image();
img.src = $( '#tlogo')。attr( 'src');
if(img.width> '240'){
$( '#tlogo')。attr( 'width'、 '240');
}
});
ここで注:#TLOGOは、画像アドレスに追加されたIDです。これは必須です。