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.1.2
Compressed File Size: 1210 bytes
License: MIT/GPL

Demo

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

<script type="text/javascript">
    $.backstretch("http://farm3.static.flickr.com/2443/3843020508_5325eaf761.jpg");
</script>

Required

jQuery (version 1.4.2 recommended)

Changelog

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

Please post all support requests or issues to GitHub. Additionally, if you’d like to join in on the development, contacting me via GitHub is recommended as well.