javascript图片预加载,检测图片加载完成的组件(图片延迟加载)
JavaScript HTML
Latest commit a6f58a6 Aug 29, 2015 @qiqiboy update
Permalink
Failed to load latest commit information.
images update 1.1 Dec 19, 2013
src update Aug 29, 2015
README.md update 1.1 Dec 19, 2013
index.html update Dec 20, 2013

README.md

imageReady

javascript图片预加载,监测图片加载完成,获取图片真实尺寸的组件(图片延迟加载)

如何使用

// 首先在页面中引入imageReady.js

/**
 * @param img string|Image 图片url或者Image对象
 * @param onready Function 图片尺寸已获取(此时图片还未完全下载下来)
 * @param onload Function 图片加载完成
 * @param onerror Function 图片加载失败
 *
 * onready、onload、onerror的参数只有一个,都是Image对象
 */

imageReady=function(img, onready, onload, onerror){}

//调用
imageReady('http://www.planeart.cn/demo/imgReady/vistas24.jpg',
    function(img){
        console.log('图片已经ready了,可以获取宽高了')
    },function(img){
        console.log('图片已经下载完成了')
    },function(img){
        console.log('图片下载出错了')
    }
);

/* 如果图片可以获取,则输出:
 * 图片已经ready了,可以获取宽高了
 * 图片已经下载完成了
 */

/* 如果图片地址不可用或者网络不可用,则输出:
 * 图片下载出错了
 */

demo地址

请点击http://u.boy.im/imageReady/