我做了一个网页,但是里面图片有点多,想让页面全部加载好一起显示,不要慢慢的一个个出来

2020-05-05 旅游 92阅读

这里只是一个思路,具体的我没试过,所以我不清楚是否能满足你的需求


首先做一个div,将整个页面罩起来,给个id叫cover

.cover {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:999999999;
}

当然啦,你也可以在这个div里面放一段字,活着一张loading的gif也可以,但是这里的图片不要太大,不然加载也很慢


然后写一段js

window.onload = function(){
    var i = document.getElementsByTagName("img"), len = i.length, loaded = 0;
    for(var j=0;j        i[j].onload = (function(){
            loaded ++;
            if(loaded == len){
                return document.getElementById("cover").style.display = 'none';
            }
        })(j);
    }
}

意思就是等所有图片都加载完成后再把cover隐藏掉

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com