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

实例如下:

网站制作、建网站找专业网站制作公司成都创新互联:定制网站、模板网站、仿站、成都微信小程序、软件开发、app开发定制等。做网站价格咨询成都创新互联:服务完善、十年建站、值得信赖!网站制作电话:028-86922220

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

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

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


网站名称:图片加载完成再执行事件的实例
文章URL:http://hxwzsj.com/article/jpdpec.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 营销型网站建设 成都网站设计 品牌网站建设 app网站建设 成都网站建设 做网站设计 网站制作 高端定制网站设计 成都响应式网站建设 响应式网站建设 成都网站建设推广 手机网站制作 成都网站建设 成都网站设计 手机网站制作 宜宾网站设计 手机网站制作 广安网站设计 企业网站设计 成都响应式网站建设 成都网站建设 四川成都网站建设