Basic examples

Fade-in

Lazy loading with fade-in effect

Spinner

Lazy loading with spinner effect

Animate.css effects

Use effects from animate.css project for loaded images.

jQuery Mobile

Work with jQuery Mobile framework

Horizontal scroll

Lazy loading for horizontal scroll

Stress Test

Test of work on page with 1000 images

Zepto

Work with Zepto library

DOMtastic

Work with DOMtastic library

Noscript

Example of markup for disabled JavaScript support

Advanced examples

Infinite scroll

Infinite scroll with lazy loading

AJAX

Work with AJAX-loaded content

Video addon / jquery.lazyloadxt.extra.js

Youtube

Lazy loading of YouTube videos

Video

Lazy loading of <video> content

Addons

Background images

Lazy loading of background images

Print

Load images before print

Retina

Responsive images for different pixel densities

Responsive images (srcset addon)

Lazy loading of responsive images

Responsive images (picture addon)

Lazy loading of responsive images

Autoload

All images will be loaded after page's `load` event

Script-based tagging

Tagging lazy elements with <script> tag

iframe Widgets

Lazy loading of Facebook, Google+ Profile and Google Maps widgets as <iframe>s

JavaScript Widgets

Lazy loading of Facebook, Twitter, and other widgets