bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

bgStretcher 2011 (Background Stretcher)

bgStretcher 2011 has tons of new features suggested by our users. We appreciate all your feedback, and you will see below that we have implemented many new features and functions requested. Please continue to help us improve it by leaving suggestions in our comments area or you may contact us directly.


  • Unobtrusive script, simple to setup
  • Works with all modern browsers
  • Supports single and multiple images

How to use

1. Download bgStretcher script. The package already contains the jQuery framework.


2. Add the following code to your


…tag to connect jQuery framework, bgStretcher plugin and CSS. (Make sure paths to files are correct.)


3. Use the following code to initialize the bgStretcher (see Options section below for details):



And if you want to initialize plugin for custom div use next:



4. Insert content of your page inside BODY or custom DIV:


<.. div class=”classname-of-div”… > Your content goes here…<../div..>





  • MS Internet Explorer 6, 7, 8, 9
  • Mozilla Firefox 2, 3, 4
  • Opera 9+
  • Apple Safari
  • Google Chrome

Requirements: jQuery
Compatibility: All Major Browsers


Leave a Reply

Your email address will not be published. Required fields are marked *

12 − nine =

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like

QUOjs – Micro JavaScript Library

QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented, and micro coherent API.

Detect screen size with jQuery and apply a CSS style

Sometimes we need to format the content differently according to the screen resolution of the user. One of the ways to do this is to simply detect the screen width using the screen.width property and change the stylesheet.

Really Simple Slideshow – A Flexible Slider Plugin

Really Simple Slideshow is a jQuery plugin for creating image sliders of any kind. Plugin converts any list of images into a slideshow, it can display captions with each slide, include links and there are multiple transition effects.