Получение ширины и высоты изображения с JQuery

Question

У меня есть очень простой код, который раздражающе работал и для жизни меня я не могу понять, почему он теперь неудачу:

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

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

«IMG» переменная существо передается в объект 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'); 

}