js实现图片预加载

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现图片预加载相关的知识,希望对你有一定的参考价值。

通过 image标签的onload来实现;

实现原理是用过浏览器的缓存来进行

首先进行循环

for(var i=0;i<10;i++){

  //每次进行一个new;

  var oImg = new Image();

  //通过num ++的方法来获取加载的百分比。每成功一个num 自加1;

  var num = 0; 

  oImg.onload = function(){

    num ++;

  }

  oImg.src = "图片路径"

}

以上是关于js实现图片预加载的主要内容,如果未能解决你的问题,请参考以下文章

js实现图片预加载

JS实现图片预加载无需等待

JS图片预加载插件

图片网站中的懒加载和预加载(转)

js图片预加载

图片预加载与图片懒加载的区别与实现