封装图片预加载

热爱°可抵岁月漫长

于 2021-04-14 23:22:52 发布

阅读量66

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_46337813/article/details/115712484

本文详细介绍了图片预加载的原理和一个JavaScript实现方法，通过`imagesPreLoad`函数，利用`Image`对象和`onload`事件，确保所有图片在页面显示前完成加载，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 imagesPreLoad(imgPaths,callback){
       let returnImages={}
       let num=0;
       for(let key in imgPaths){
         num++
         let imgObj=new Image();
         imgObj.src=imgPaths[key];
         returnImages[key]=imgObj;
         returnImages[key].onload=function(){
            if(num==Object.keys(imgPaths).length){
              callback()
            }
         }
       }
    },