iDevie
June 2018
M T W T F S S
« May    
 123
45678910
11121314151617
18192021222324
252627282930  

Categories


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


Comments 0
There are currently no comments.