/onedionys-lazy-loading-images

Plan to load images gradually as the web page is scrolled, improving performance and user experience.

Primary LanguageJavaScriptMIT LicenseMIT

Welcome to One Dionys - Lazy Loading Images! 👋

Plan to load images gradually as the web page is scrolled, improving performance and user experience. 💖

💾 Requirements

  • Web Browser - Can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera].
  • Internet - Because many use CDN and to make it easier to find solutions to all problems.

🎯 How To Use

Example Syntax

// Include the package
const lazyLoadImages = require('lazy-loading-images');

// Lazy load images with class 'lazy'
lazyLoadImages('.lazy');

Explanation

  • This package provides a simple way to implement lazy loading of images in a web application. It uses the Intersection Observer API to detect when images are within the viewport and replaces their src attribute with the value of their data-src attribute.

Return Value

  • This package does not return any value. It applies lazy loading behavior to the specified images based on the provided selector.

📆 Release Date

  • v1.0.0 : 07 March 2024
  • v1.0.1 : 11 March 2024
  • v4.0.0 : 11 March 2024
  • v4.0.1 : 13 March 2024
  • v4.0.2 : 18 March 2024
  • v5.0.0 : 31 March 2024

🧑 Author

📝 License

  • Copyright © 2024 One Dionys
  • One Dionys - Lazy Loading Images is an open source project licensed under the MIT license

☕️ Suppport & Donation

Love One Dionys - Lazy Loading Images? Support this project by donating or sharing with others in need.

Made with ❤️ One Dionys