New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/lazy-delayed-image-loading-plugin/
Lazy - Delayed image loading plugin
Download Demo
Demos
basic usage
bottom-to-top scroll
delayed loading
combine basic & delayed loading
show a loading image
disabled javascript fallback
prevent broken images
throttle demonstration
use other attributes
load images by events
callback functions
make use of effects
full feature call
use other html tags
images inside a container
The Lazy plugin for jQuery load specified images after the page load itself and speed up your loading time through this. Images outside of the visible area will only get loaded when the user scrolls to them. This will not only increase the page loading speed, it will even decrease your traffic.
Lazy will work with a wide range of browsers and support jQuery versions for years backwards. You can pick any version since jQuery 1.3.0 or greater.
1. INCLUDE JS FILES
<script type="text/javascript" src="../jquery.min.js"></script> <script type="text/javascript" src="../jquery.lazy.min.js"></script>
2. HTML
you need to add a ‘data-src’ attribute to those images you want to load delayed and insert the image path you want to load over Lazy
<img class="lazy" data-src="path_to/image.jpg" src="" />
3. JAVASCRIPT
// javascript code jQuery(document).ready(function() jQuery("img.lazy").lazy(); );
