javascript图片预加载,检测图片加载完成的组件(

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/

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。