javascript图片预加载,检测图片加载完成的组件(图片延迟加载)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
src
README.md
index.html

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/