Skip to content
Responsive Img is a jQuery plugin that changes an image's src attribute based on its container's width.
JavaScript PHP
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
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
}
You can’t perform that action at this time.