jQuery Backstretch

Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to any page. The image will stretch to fit the page, and will automatically resize as the window size changes.

Download Now

Demo
Documentation
Development

Info

Current Version: 1.2.5
Compressed File Size: < 2K
License: MIT/GPL

Demo

jQuery backstretch is being used on this page. Resize the window to see backstretch in action.

Additionally, there are some examples included with the plugin download itself, including onclick image swapping and a slideshow.

Required

jQuery

Changelog

Version 1.2

• You can now called backstretch twice, and it will replace the existing image.

Version 1.1

• Added ‘centeredX’ and 'centeredY' options.
• Removed ‘hideUntilReady’ option. It looks pretty bad if you don’t hide the image until it’s fully loaded.
• Fixed IE img onload bug.
• Now supports iPhone/iPad orientation changes.

Support

Basic support is offered through Github's issues tracker. Many requests are resolved through the help of fellow Backstretch users and myself, however assistance is not guaranteed or timely.

If you are in need of immediate support, or would like customizations to the script, Premium Support is available for $17. Premium Support provides you with direct email access to me, and allows me to set time aside to help solve your problem quickly.