JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Responsive Img

    Responsive Img is a jQuery plugin that changes an image's src attribute based on its container's width.
    Filed under  › 

    • 🔾12%Overall
    • 208
    • 122.9 days
    • 🕩39
    • 👥4

    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
    }
    
    Show All