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

WBOY
リリース: 2016-05-16 16:44:19
オリジナル
1072 人が閲覧しました

通常、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 です。これは必須です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート