图片延时加载组件
lazyLoad 图片延时加载组件
图片延时加载组件,支持img
标签形式图片及background
背景图片
###对外调用方法及事件
@method setLazyImgs 动态加载图片时,重置需要延时加载图片时调用
@method actionLazy 执行图片延时加载
@customEvent afterLoaded 图片正解加载后执行事件
###具体使用
var lazyLoadIns = new lazyLoad( { lazyLoadAttr: 'data-src', //图片真实地址属性,适用于img及background preloadHeight: 20, //预加载长度 loadedCallback: null, //加载完图片回调方法 lazyLoadBg: true, //是否启动背景图延时加载 lazyLoadBgClass: 'lazybg' //如启用背景图延时加载,背景图class标识 } ); //调用lazyLoad方法 lazyLoadIns.actionLazy(); //调用替换真实图片后事件 $.bind( me, 'afterLoaded', function( data ) { console.log( data ); //to do sth } );
###demo 手机扫描以下二维码体验
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。