Simple Lazy Load Background Images Using jQuery Plugin

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.

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.

Share