zoukankan      html  css  js  c++  java
  • 兼容性的判读图片加载完成

    利用图片加载完成前的高度为0,兼容谷歌火狐IE和移动端

    var t_img; // 定时器
    var isLoad = true; // 控制变量
    
    // 判断图片加载状况,加载完成后回调
    isImgLoad(function(){
        // 加载完成
    });
    
    // 判断图片加载的函数
    function isImgLoad(callback){
        // 注意我的图片类名都是cover,因为我只需要处理cover。其它图片可以不管。
        // 查找所有封面图,迭代处理
        $('.cover').each(function(){
            // 找到为0就将isLoad设为false,并退出each
            if(this.height === 0){
                isLoad = false;
                return false;
            }
        });
        // 为true,没有发现为0的。加载完毕
        if(isLoad){
            clearTimeout(t_img); // 清除定时器
            // 回调函数
            callback();
        // 为false,因为找到了没有加载完成的图,将调用定时器递归
        }else{
            isLoad = true;
            t_img = setTimeout(function(){
                isImgLoad(callback); // 递归扫描
            },500); // 我这里设置的是500毫秒就扫描一次,可以自己调整
        }
    }

    转自:http://www.cnblogs.com/chenyanger/p/3958656.html#3196194

  • 相关阅读:
    Code Review 五问五答
    JavaScript 10分钟入门
    swagger editor使用
    Tyk API网关介绍及安装说明
    Castle 多继承选择
    线程信息的获取和设置
    s3 api接口的调用
    在Hadoop集群上的HBase配置
    OpenStack 单元测试
    在Hadoop集群上的Hive配置
  • 原文地址:https://www.cnblogs.com/diyichen/p/7698267.html
Copyright © 2011-2022 走看看