#malaise.js ###A very lightweight plugin to responsively lazy load images for jQuery
This plugin boosts performance by delaying the loading of images until the user scrolls near them.
Malaise will default to using images defined for retina screens.
If you don't define retina images, Malaise allows for responsive images by swapping to and from mobile versions at a breakpoint.
###Options
- offset:
defualt: 0- The distance in pixels you want images to load relative to the visible part of the screen. - path:
defualt: ''- The base path for the images you are loading. - selector:
defualt: .malaise- The selector you want lazy load on. - loadedClass:
defualt: 'malaise-loaded'- Class added to loaded images, useful for animating in images. - breakpoint:
defualt: '767px'- The min-width to load in mobile versions of images. - container:
defualt: window- The scrolling container your elements are in. - throttle:
defualt: 100- Resize and scroll throttling. - callback - A function malaise will call it after an image is loaded.
###Markup
data-src-retinaatribute for retina imagesdata-src-mobileatribute for mobile imagesdata-srcatribute for normal images
For iframe, video, and image elements Malaise will loaded the path on the src attribute, for all other tags it will load as a background image path.
Forked from unveil with new features and options.
###Browser support Compatible with All Browsers and IE7+. Retina detection IE11+
###License Malaise is licensed under the MIT license.