onedionys / onedionys-lazy-loading-images

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

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

• Facebook : Oned Ionys
• Instagram : @onedionys
• Twitter : @onedionys
• LinkedIn : @onedionys

📝 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