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

标签 javascript image jquery

我正在使用 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/

相关文章:

javascript - jquery 选项卡边框问题

javascript - 使用 JavaScript 更改 future 元素的字体大小

javascript - 如何用JSON数据设置Div内容

javascript - 保存添加和删除的用户

javascript - 让图像每隔几秒随机出现在 div 中...如何实现?

javascript - 如何在java servlet中通过javascript刷新图像

python - 有效地从python中的图像中提取一定大小的补丁

javascript - IE 上的图像加载事件

javascript - Redux、Fetch、如何捕获 json()

javascript - 如何使可编辑的文本区域文本不可选择