Nashi.Lazy

🧪 Working in Progress

What is this?

Nashi.Lazy is a library for lazy loading images. Powered by Nashi.

Usage

<!-- ...more? -->
<img data-src="https://www.baidu.com/img/flexible/logo/pc/index.png?0" src="https://via.placeholder.com/300" class="lazy" alt="">
<img data-src="https://www.baidu.com/img/flexible/logo/pc/index.png?1" src="https://via.placeholder.com/300" class="lazy" alt="">
<!-- ...more? -->

let lazyConfig = {
  selector: ".lazy", // selector for lazy loading
  loaderAttr: "data-src", // attribute for image source
  throttle: 100, // throttle time for scroll event, default 100ms
};

nashiLazy(lazyConfig);
// or
nashi.lazyimg(lazyConfig);

Tips

nashiLazy will find a nashi instance automatically, if you want to use your own nashi instance, you can pass it to nashi.lazy.

nashiLazy(lazyConfig, YourNashiInstance);
// or
nashi.lazyimg(lazyConfig);

Author

Nashi.Lazy © Wibus, Released under the MIT License.

Personal Website · Blog · GitHub @wibus-wee · Telegram @wibus✪