ホームページ > ウェブフロントエンド > jsチュートリアル > jsを使用してimage_javascriptスキルの元のサイズを取得する

jsを使用してimage_javascriptスキルの元のサイズを取得する

WBOY
リリース: 2016-05-16 16:29:26
オリジナル
1226 人が閲覧しました

ブラウザに表示される画像のサイズは、実際の高さと幅ではない場合があります。たとえば、以下に示すように、画像に幅と高さのスタイルを追加します。

ブラウザに表示されるサイズは25pxです。では、画像の実際のサイズを取得するにはどうすればよいでしょうか? 、次のコードはこの関数を実装します

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



<頭>



                                                                                                                                                                                                                                                                                        //画像が確実にロードされるように遅延を設定します
setTimeout(function() {
var
real_width,
real_height,
_私は を通して                                                                                                                                                                                                                                              real_width = im.width,
real_height = im.height;
alert(real_width 'n' real_height);
},500);
                                                                                         




注: 上記のコードは IE7 と Chrome の両方でテストしました。IE6 がインストールされていないため、テストできません。

非常に使いやすいコードです。ほとんどのプロジェクトで使用しています。お気軽に使用してください。

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