图片加载完成再执行事件的实例

前端之家收集整理的这篇文章主要介绍了图片加载完成再执行事件的实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

实例如下:

图片加载 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; }

应用场景:

一些图片较多的页面,一些需要加上进度条或者百分比读取等加载效果页面,一般移动端页面用得比较多

以上这篇图片加载完成再执行事件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章