Get new jQuery plugins just once a week

×

BttrLazyLoading

February 28, 2014

Responsive Lazy Loading plugin for JQuery

BttrLazyLoading is a Jquery plugin that allows your web application to only load images within the viewport. It also allows you to have different version of an image for 4 different screen sizes.
This jquery plugin has got the following features :-

Example html Code

<img id="yourImageId" class="bttrlazyloading"
data-bttrlazyloading-xs-src="img/768x200.gif"
data-bttrlazyloading-sm-src="img/345x250.gif"
data-bttrlazyloading-md-src="img/455x350.gif"
data-bttrlazyloading-lg-src="img/360x300.gif"
data-bttrlazyloading-transition="rotatedIn"
data-bttrlazyloading-retina="true"
data-bttrlazyloading-delay="2000"
data-bttrlazyloading-event="mouseover"
data-bttrlazyloading-container="document.body"
data-bttrlazyloading-threshold="500"
data-bttrlazyloading-placeholder="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
/>

Created by Julien Renaux

Download

Example

BttrLazyLoading jquery plugin

Responsive Lazy Loading plugin

BttrLazyLoading

Related posts:

Gridster
jResize
FlexNav
BttrLazyLoading jquery plugin

http://jquer.in/wp-content/uploads/2014/02/BttrLazyLoading.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever