jQuery Plugin To Lazy Load Images After Page Load - siLoader

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

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.