@geeeger/lazyload
TypeScript icon, indicating that this package has built-in type declarations

2.0.7 • Public • Published

lazyload

面向现代浏览器的图片懒加载工具

Usage

// commonjs引入方式
const Lazyload = require('@geeeger/lazyload');

// umd引入方式
// 配置config.js
// requirejs.config({path: {'lazyload': '脚本所在地址'}})
// define('你的模块名', ['lazyload'], function (Lazyload) {})


// 默认配置,可以
//const defaultOptions = {
//    attributeSrc: 'data-src',
//    attributeSrcset: 'data-srcset',
//    selector: '.qiefe-lazyload',
//}
const lazyload = Lazyload.create({
    // 任意可选配置
})

// html模板
// <div data-src="abc.png"></div>
// <img data-src="abcd.png">

lazyload.start();

// 若append更多模板内容

lazyload.start();

// 若动态替换了当前页面内容
lazyload.stop();

page.html(newdata);

lazyload.start();


// 数据全部读取完毕,删除lazyload监听(不可再使用)
lazyload.destory();

Readme

Keywords

Package Sidebar

Install

npm i @geeeger/lazyload

Weekly Downloads

0

Version

2.0.7

License

ISC

Unpacked Size

8.28 kB

Total Files

4

Last publish

Collaborators

  • geeeger