绝对超级难题

Question

我用innerHTML动态输出图片和说明问题来了innerHTML="<img src=......"><span style="position:relative;top:-50px;left:10px;">this is  a  test</span>"
问题就是图片可能有点大，并未完全加载完，文字说明就显示了，，当然位置绝对错了。。因为是相对定位啊我绞尽脑汁的想判断图片加载完后，才显示说明，，但是屡试屡错似此为之奈何？？

Answer 1

尝试过先预加载图片，当图片加载完毕后在innerHTML进去？var img = new Image();
img.src = ...
img.onload = function(){
   xxx.innerHTML="<img src=......"><span style="position:relative;top:-50px;left:10px;">this is a test</span>";
}