Question

当我点击按钮时，会调用javascript函数并在页面中加载图像。但图像加载不正确。图像大小为72kb，来自DB的图像已经加载到服务器中。

如果我发出任何警告信息，那么图像会正确加载。这个问题背后的原因是什么？

    var catImg = document.getElementById(\"CategorySampleImage\");
    var oldImgSrc = catImg.src;
    var newImgSrc = oldImgSrc.substr(0,oldImgSrc.indexOf(\"images\"))+\"images/\"+\""+imageName+"\";
    catImg.src=newImgSrc;
    for (var intCounter = 1; intCounter <= 500; intCounter++){
    for (var counter = 1; counter <= 500; counter++)
    {
           if(counter==500)
                 break;
             }
    }
     document.getElementById(\"light\").style.display=\"block\";
    document.getElementById(\"fade\").style.display=\"block\";";

代码适用于除IE6之外的所有浏览器。在IE6中我可以看到一个白色区域代替图像，我需要右键单击白色区域并选择“显示图像”。但是同一div中的较小图像会正确显示。不知道如何在IE6上解决这个问题。

Answer 1

加载图像对象时可以使用onload事件，以确保它已经加载。

实施例

catImg.onload = function(){ /* Image is loaded. Do something here*/ }

JavaScript图片加载

1 个答案: