https://github.com/darkwing/LazyLoad

LazyLoad allows you to defer image loading until the user scrolls down to each image.
https://github.com/darkwing/LazyLoad

Last synced: 4 months ago
JSON representation

LazyLoad allows you to defer image loading until the user scrolls down to each image.

• Host: GitHub
• URL: https://github.com/darkwing/LazyLoad
• Owner: darkwing
• Created: 2009-09-03T00:17:45.000Z (over 15 years ago)
• Default Branch: master
• Last Pushed: 2023-10-14T04:46:07.000Z (over 1 year ago)
• Last Synced: 2024-08-01T02:29:32.694Z (7 months ago)
• Language: JavaScript
• Homepage: http://davidwalsh.name/js/lazyload
• Size: 111 KB
• Stars: 147
• Watchers: 10
• Forks: 28
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
LazyLoad

=========

LazyLoad allows you to defer image loading until the user scrolls down to each image. Using LazyLoad can easily save you bandwidth and allow the page to load faster for the user.  This plugin takes only a minute to implement so using LazyLoad is a must.

![Screenshot](http://davidwalsh.name/dw-content/lazyload.png)

How to Use

----------

LazyLoad should be initialized during the DOMReady event.  There are no required arguments -- only options.

	#JS

	/* LazyLoad instance */

	var lazyloader = new LazyLoad({

		range: 200,

		realSrcAttribute: "data-src",

		useFade: true,

		elements: 'img',

		container: window

	});

	

	#HTML

	

	

	

	

For specific usage and options, please read the documentation or visit [http://davidwalsh.name/js/lazyload](http://davidwalsh.name/js/lazyLoad)