源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-05-25 08:46 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:图片加载完成再执行事件的实例
[b]实例如下:[/b]
//图片加载
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;
}
[b]应用场景:[/b]一些图片较多的页面,一些需要加上进度条或者百分比读取等加载效果的页面,一般移动端页面用得比较多 以上这篇图片加载完成再执行事件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部