js等待图片加载完毕后再显示

2025-04-18 17:24:27
推荐回答(1个)
回答1:


function change(obj){
    var img = new Image();
    var loadimg = new Image();
    var bigimg = getElementById("bigimg");
    loadimg.src = "loading.jpg";
    bigimg.innerHTML="";
    bigimg.style.width=String(loadimg.width)+"px";
    bigimg.appendChild(loadimg);
    if(img.complete) {
        bigimg.innerHTML="";
        bigimg.style.width=String(img.width)+"px";
        bigimg.appendChild(img);
        return;
    }
    img.onload = function(){
        bigimg.innerHTML="";
        bigimg.style.width=String(img.width)+"px";
        bigimg.appendChild(img);
    }
    img.src = obj.res;
}

试试~~