jQuery Plugin To Lazy Load Images After Page Load - siLoader

jQuery Plugin To Lazy Load Images After Page Load - siLoader
File Size: 8.26 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

siLoader is an extremely lightweight jQuery plugin that speeds up the page load by deferring the loading of images until the page has been completely loaded.

How to use it:

1. Reference the jQuery siLoader plugin's script in your HTML file. Ensure you first have included the latest version of jQuery library.

<script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="min/sil.min.js"></script>

2. Just call the function on the img tag and done.

$("image").siLoader();

3. Add a fadeIn effect to image when they're completely loaded.

$("img").siLoader(function() {
   $(this).fadeIn("fast");
});

This awesome jQuery plugin is developed by badescutheodor. For more Advanced Usages, please check the demo page or visit the official website.