/** * 初始化并启动lazyload组件 * @param {Object} options 初始化所需配置;参数可选 * @p-config {Integer} offset 处于屏幕之外offset像素的图片依然加载,默认:60 * @p-config {jQ-Elm} container 加载指定HTML节点内的图片,默认:document.body * @p-config {function} callback 每张图片加载完成后的回调,默认:null */
<img data-src="http://dummyimage.com/200x200/000/fff" src="//www.baidufe.com/fe/widget/image-lazyload/img/default.png?v=99734084" alt="随机图片">
// 默认配置 ImageLoazyload.init();
// 其中options参数中每一项均为可选 ImageLazyload.init({ offset : 30, container : $('.mod-test'), callback : function($img) { $img.addClass('x-loaded'); } });
/** * 指定某图片节点,并强制加载 * @param {Object} elm jQuery封装的<img/>节点对象(单个) */
// 加载图片 ImageLazyload.load($('#theImage'));
/** * 判断当前img是否在屏显范围(可视区域)之内 * @param {Object} elm jQuery封装的<img/>节点对象(单个) * @return {Boolean} 图片可见返回true,否则返回false */
// 判断图片是否可见 var isVisible = ImageLazyload.visible($('#theImage'));