图片延时加载组件

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、网站不提供资料下载,如需下载请到原作者页面进行下载。