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

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

ブラウザに表示されるサイズは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 がインストールされていないため、テストできません。

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。