❤
npm
Sign UpSign In

lazy-load-next

1.1.1 • Public • Published

lazy-load-next

Lazy Load Image using IntersectionObserver API

Usage

Install lazy-load-next yarn add lazy-load-next or npm install lazy-load-next --save

script.js

const LazyLoad = require('lazy-load-next');
 
// on document ready
document.addEventListener('DOMContentLoaded', function() {
  // image selector as argument
  let lz = new LazyLoad('img.lazyload');
})

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>LazyLoad</title>
  <script src="script.js" async defer></script> 
</head>
<body>
  <img src="/placeholder.img" data-src="/real-image.img">
  <img src="/placeholder.img" data-src="/real-image2.img">
  <img src="/placeholder.img" data-src="/real-image2.img">
</body>
</html>

Readme

Keywords

Package Sidebar

Install

npm i lazy-load-next

Weekly Downloads

2

Version

1.1.1

License

MIT

Last publish

Collaborators

  • adeyahya
Try on RunKit
Report malware