This page has a dynamically scaling background image. Go ahead and change your browser size. This image is not actually the body background but an image set to display behind all of your other content.
Options helpful for use with maxImage as a background image or background slideshow are verticalAlign:(top|bottom), horizontalAlign:(left|right) and zIndex:(integer). I might add a few more soon.
You can view the source code to figure this out, but the HTML code is:
<img src="bg_tester.jpg" class="bgmaximage" />
The jQuery code is:
$(document).ready(function(){
$('img.bgmaximage').maxImage({
isBackground: true,
verticalAlign: 'top',
zIndex: -10,
overflow: 'auto'
});
});
If you need any other options for background images, let me know and I will try to incorporate them into the next release`.
This page currently has a lot of content that makes the page scroll. It also currently has the option "overflow:'auto'" set so that the browser knows to scroll down when the content goes below the fold. Remember, please test this on your targeted browser. I have noticed some bugs every once in a while with this due to different browsers calculating the width with or without the scrollbar.