Получить размер изображения при загрузке с внешнего URL в Javascript

Question

Мне нужно знать размер изображения при загрузке с внешнего URL-адреса, потому что проекту необходимо изменить размер изображения div.

Мне нужно сделать что-то вроде этого:

<img id="imglegend'+layername+'" src="url_to_an_extern_host" />

И, используя Javascript и JQuery:

$('#imglegend'+layername).ready(function(){
   var h = $('#imglegend'+layername);
   // Resize image div container
});

Но это не сработало.Можно ли это сделать?

Заранее спасибо!

Answer 1

$('#imglegend').load(function(){
   var w =    $(this).width();
   var h =    $(this).height();
   alert(w); alert(h);
}).error(function (){
   $(this).remove();//remove image if it fails to load// or what ever u want
})

Answer 2

Изображения не имеют события ready. Однако у них есть событие load:

$('#imglegend'+layername).load(function(){
   alert(this.width);
});

РЕДАКТИРОВАТЬ: Кстати, вам нужно убедиться, что изображение не загружается, прежде чем присоединить обработчик событий. Вам нужно будет присваивать src в своем скрипте после назначения обработчика, а не в HTML, или вместо этого назначать обработчик в onload HTML.