私はうるさく働いていた非常に簡単なコードを、持っていると私の人生のために、私はそれが今で失敗している理由を見ることができないjqueryの

Question

で画像の幅と高さを取得します渡されたIMGオブジェクトは、から得られる：

jQuery('img') 
.each(function(){ 
    var imgsrc = jQuery(this); 
    imageSize(imgsrc); 
}); 

Answer 1

画像がまだロードされていない可能性があります。だから、試してみる（テストされていない）：

function imageSize(img){ 
    var theImage = new Image(); 
    $(theImage).load(function() { 
    var imgwidth = this.width; 
    var imgheight = this.height; 

    alert(imgwidth+'-'+imgheight); 
    }); 
    theImage.src = img.attr('src'); 
} 

Answer 2

[OK]を - 私はjsFiddleでそれをテストしたときに私が与えた前の回答が無効だった - 私はあなたがが何をしたいんれ、これを作成しましたか？ に「新しい画像（）」部分が必要ですか？ http://jsfiddle.net/R89Qr/3/ - それがこれを行うように私は、少しあなたのコードを変更...画像に

をいくつかのハードコードさ寸法を与えた：

function imageSize(img){ 
    var theImage = new Image(); // ignoring this part when checking the image width/height 
    theImage.src = img.attr('src'); 
    var imgwidth = $(img).width(); 
    var imgheight = $(img).height(); 

    alert(imgwidth+'-'+imgheight); 
} 

$('img').each(function(){ 
    var imgsrc = jQuery(this); 
    imageSize(imgsrc); 
}); 

Answer 3

あなたは、あなたのイメージがロードされますまで、待機する必要があり、その後にアクセスそのサイズ：

function imageSize(img){ 
    var theImage = new Image(); 
    theImage.onload = function(){ 
    var imgwidth = theImage.width; 
    var imgheight = theImage.height; 

    alert(imgwidth+'-'+imgheight); 
    } 
    theImage.src = img.attr('src'); 

}