-4

JavaScript関数で実際の画像の幅と高さ(クロスブラウザ)を取得するには?

4

4 に答える 4

10

まず第一に、より丁寧な方法で質問し、できるだけ多くの関連情報を提供すれば、質問に回答してもらえる可能性が高くなります。

ともかく...

私の知る限り、ほとんどすべてのブラウザーでこの.widthプロパティを使用できます。

function getDimensions(id) {
    var element = document.getElementById(id);
    if (element && element.tagName.toLowerCase() == 'img') {
        return {
            width: element.width,
            height: element.height
        };
    }
}

<img id="myimage" src="foo.jpg" alt="" />

// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height
于 2009-01-13T15:43:00.587 に答える
8 
var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");
于 2011-01-31T05:38:32.610 に答える
4

やった、グーグル！

正確に必要なものに応じて、これを行う方法がいくつかあります (これを含めるのは役に立たなかったので省略しました)。おそらく、一般的な意味で最も簡単なのは、Image オブジェクトへの参照を取得し、プロパティwidthとheightプロパティを検査することです。

于 2009-01-13T15:30:25.497 に答える
0

jquery + <img src="" ... id="hello" />+$("#hello").width()

于 2009-01-13T15:30:51.050 に答える