Simple JQuery lazy background image loading plugin is used to delay loading images until the container has been passed by more than 33% in the viewport.
Lazy Loading Images, Backgrounds, Videos & Iframes | lazyload.js
How to make use of it:
1. Load the jQuery library and jQuery bglazyload.js script to your web page.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src='js/jquery.bglazyload.js'></script>
2. Add a background image to a container using the data-bgimg attribute.
<div class="lazy" data-bgimg="demo.jpg"> ... </div>
3. Call the bglazyload() function on the container.
$('.lazy').bglazyload();Background Image Lazy Loading Plugin/Github, lazy loading jquery ajax example, jquery lazy load content on scroll example, lazy load jquery plugin free download
See Demo And Download
Official Website(vineetgarg90): Click Here
This superior jQuery/javascript plugin is developed by vineetgarg90. For extra advanced usage, please go to the official website.
