zoukankan      html  css  js  c++  java
  • 图片加载完成再执行事件

    //图片预加载
    function load(imgSrc,callback) {  //imgSrc参数是页面中要预加载的图片的路径数组,如imgSrc=['img/xx.png','img/xxx.png'...],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;  //返回加载的图片列表,这个省略也没有问题
    }

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

  • 相关阅读:
    leetcode
    Vim i和a差别
    HDU-4643-GSM(DFS)
    使用可编程电源自动化输出电源
    如何使用全局变量
    异步和同步
    启动界面
    鼠标右键弹出菜单
    Qt+excel
    Qt+数据库
  • 原文地址:https://www.cnblogs.com/haqiao/p/7839909.html
Copyright © 2011-2022 走看看