jQuery Background Cover Plugin

CSS3's background-size: cover; scales the image to be as large enough to completely fill the container. This is a great addition to CSS but unfortunately it's not available in IE7 & 8.

To combat this on a recent e-commerce project I wrote a lightweight jQuery plugin to give the background cover benefits cross browser. The plugin works responsively too. Resize the browser to see the image resize and reposition in the demo below.

Download jQuery Background Cover on GitHub



jQuery (>=1.4). You're image should contain it's dimensions as attributes.