我正在使用 jquery 插件从 flickr 加载图像。我尝试将这些图像分配到 3 列中,目标是将每个图像放置在最短的列中,以便各列在末尾的长度接近相等。
该脚本在大多数情况下在 IE 中运行良好。它在 Firefox 中不太可靠,但现在看起来更好了。然而在 Chrome 中它完全失败了。我已将问题范围缩小到以下事实:当脚本运行时,它认为图像的尺寸为零。尺寸直到稍后才会出现,但我想在图像进入时对其进行分发,而不是在最后进行大的重新洗牌。为什么即使我使用 Image 对象也会出现这种情况?我该如何解决这个问题?
最佳答案
var myimg = document.getElementById('myimage');
如果我给这个家伙一个新的源,img.onload 事件将会触发,所以我需要将加载后触发的代码放入 onload 事件处理程序中。
myimg.onload = function(){
//do some crap
}
myimg.src = someAjaxCall();
关于javascript - 使用 AJAX 加载图像时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7561812/