Delay loading of all images in long pages

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

Lazyload images using jQuery

Resource: Sample | Tutorial

Related posts:

1. idleTimer: Check if the user is idle/active – jQuery Plugin
2. Mini Tabbed Pages using CSS
3. Jcrop: Crop images – jQuery Plugin
4. Display thumbnails for your slideshow images using jQuery
5. Add auto-captioning images using MooTools