Written by: Jason Bayless September 23, 2013
All PostsFront End Development

On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices.

Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3, however I wanted to explore what possibilities and improvements jQuery offered in terms of serving a better quality image and handling different device sizes.

Here are ten jQuery plugins that are perfect for serving fullwidth image backgrounds, I personally chose to use the Backstretch plugin.

bgStretcher

jQuery Anystretch

Backstretch

Supersized

bgndGallery

Fullscreen

My Floating BG

Parallax

Fitmg

GalleryJack

Find the Best SEO Agencies for Your Industry

The principles of SEO are the same, but within certain industries some of the top search optimization firms have carved out a niche. We have found those experts for you!

Get Started