Responsive Img is a jQuery plugin that changes an image's src attribute based on its container's width.
The plugin requires only 2 files (10kb total uncompressed).
$("img").responsiveImg();
or
$("img").responsiveImg({
breakpoints : {
"_small":360,
"_medium":780,
"_large":900
},
srcAttribute : "src",
pathToPHP : "js",
createNewImages : true,
jpegQuality : 100
});
{
breakpoints : {
"_small":360,
"_medium":780,
"_large":900
},
srcAttribute : "src",
pathToPHP : "js",
createNewImages : true,
jpegQuality : 100
}