Проблема при загрузке изображений с AJAX

Question

Я использую плагин jquery для загрузки изображений с flickr.Я пытаюсь распределить эти изображения по 3 столбцам по мере их поступления, цель состоит в том, чтобы поместить каждое изображение в самый короткий столбец так, чтобы столбцы были близки к одинаковой длине в конце.

Сценарий прекрасно работаетбольшую часть времени в IE.Это было менее надежно в Firefox, но теперь кажется лучше.В Chrome, однако, это полностью терпит неудачу.Я сузил проблему до того, что во время работы скрипта он думает, что изображения имеют нулевые размеры.Размеры не появляются до некоторой более поздней точки, но я хочу распределить изображения по мере их поступления, а не делать большие перестановки в конце.Почему происходит, даже когда я использую объект Image?И как мне обойти эту проблему?

Answer 1

var myimg = document.getElementById('myimage');

если я дам этому парню новый источник, событие img.onload сработает, поэтому мне нужно поместить код, который должен сработать после загрузки, в обработчик события onload.

myimg.onload = function(){
    //do some crap
}
myimg.src = someAjaxCall();

Answer 2

возможно, вам следует попытаться получить изображение с помощью события load ()

$('img').load( function() {
   alert( $(this).width() );
});