Skip to content

Latest commit

 

History

History
44 lines (35 loc) · 1.12 KB

README.md

File metadata and controls

44 lines (35 loc) · 1.12 KB

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/