Responsive Img is a jQuery plugin that changes an image's src attribute based on its container's width.
JavaScript PHP
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
.gitignore
README.md
responsiveimg.jquery.json

README.md

Responsive-Img

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).

ResponsiveImg.com

Basic usage

$("img").responsiveImg();

or

$("img").responsiveImg({
  breakpoints : {
    "_small":360,
    "_medium":780,
    "_large":900
  },
  srcAttribute : "src",
  pathToPHP : "js",
  createNewImages : true,
  jpegQuality : 90,
  callback:false
});

Default Options

{
	breakpoints : {
    "_small":360,
    "_medium":780,
    "_large":900
  },
  srcAttribute : "src",
  pathToPHP : "js",
  createNewImages : true,
  jpegQuality : 90,
  callback:false
}