/centerImage

jQuery plugin to auto resize image for background and responsive web design.

centerImage

jQuery plugin to auto resize and position image for picture background and responsive web design.

Features:

  • Auto resize image to fully fill the container
  • Keep width/height ratio
  • Auto center the image position

Live Demo

Screenshots

Large

alt text

Small

alt text

Wide

alt text

Usage:

<div id="image-background" class="image-background">
    <img src="http://farm9.staticflickr.com/8460/8041355249_258d9fc96f_b.jpg" class="centerImage">
</div>


$(document).ready(function() {
    jQuery("#image-background").centerImage();
});