图片加载完成再执行事件

Posted 简单一生,快乐一生

tags:

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

//图片加载
function load(imgSrc,callback) {
  var imgs = [];
  var c = 0;
  for (var i = 0; i < imgSrc.length; i++) {
    imgs[i] = new Image();
    imgs[i].src = imgSrc[i];
    imgs[i].onload = function(){
      c++
    if(c == imgSrc.length){
      if(callback){
        callback();
      }
     }
    }
  }
  return imgs;
}

以上是关于图片加载完成再执行事件的主要内容,如果未能解决你的问题,请参考以下文章

js 怎么让图片加载完成后才执行下面代码

js 怎么让图片加载完成后才执行下面代码?

js 怎么让图片加载完成后才执行下面代码?

jquery是怎么实现:页面加载完毕,而图片未加载完成时,触发的事件?

js中,如何等待多个图片加载完后再执行其他的js代码。

CSS 图片加载完成再淡入显示