第一次在页面上动态加载图像尺寸时图像尺寸错误

Question

我的网页上有以下Javascript代码

var central_image = document.createElement("img")
central_image.setAttribute("src", imgs[curr_image_no - 1]);
central_image.setAttribute("name", "jpeg");
document.getElementById("photo").appendChild(central_image);
central_image.onload =  getDimensions(); //function that alerts image dimensions

现在，当在Firefox中第一次加载central_image时，它的高度总是等于0.在IE中，它的尺寸是28 x 30像素。当我重新加载图片时，它的尺寸在两个浏览器中都可以。

我想问题是函数getDimensions()在图像完全加载之前就开始了。如何改变？

Answer 1

central_image.onload =  getDimensions;

另一种方式运行getDimensions，并将其返回值分配给onload事件