使用AJAX加载图像时出现问题

Question

我正在使用jquery插件从flickr加载图片。我试图在这些图像进入时将这些图像分配到3列中，目标是将每个图像放在最短的列中，以使列在末尾接近等长。

该脚本在IE中大部分时间都很有效。它在Firefox中不太可靠，但现在似乎更好了。但在Chrome中它完全失败了。我已经将问题缩小到这样一个事实：当脚本运行时，它认为图像没有维度。尺寸直到稍后才会出现，但我希望在图像进入时分发图像，而不是在最后进行大的重新洗牌。为什么即使我使用Image对象也会发生？我怎样才能解决这个问题？

Answer 1

也许您应该尝试使用load（）事件

来获取图像

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

Answer 2

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

如果我给这个家伙一个新的源代码，img.onload事件将会触发，所以我需要在onload事件处理程序中加载后应该触发的代码。

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