Tiny jQuery plugin to deal with responsive image delivery using Bootstrap breakpoints.
This little script use the Twitter Bootstrap
classes: visible-*-block
to know what media we are delivering.
- Include
jQuery
andTwitter Bootstrap
files - Include
Bootstrap Data Src
file - Do
$('.cool-img').dataSrc();
ondocument
ready - See
example.html
to know more
{
inview: false, // lazyload
offset: 0, // used with inview
resize: false // update src when resize event is fired
}
- refactor code
- add Data Src to Bower
- add lazyload capability