JAWhiteBox is an image magnifier/viewer for your website.   Once installed, your audience will be able to left-click on an image to see a larger representation with a white background.   The user is still able to access the standard options menu by right-clicking, and thus retains the ability to save images.   Left-clicking a second time closes the whitebox and the visitor resumes browsing exactly where they left off.

JAVerticalScroller reacts to scrolling by vertically centering page elements on your website automatically.   The floating menu on the right-hand side of this page demonstrates the usefulness of this script.

JAVerticalScroller requires both JQuery 1.72 (download link) and Dave Cardwell's JQBrowser (download link) to be loaded first, in that order.   Only call JAVerticalScrollerFunction after the page has completed loading.   This is accomplished by utilizing the JQuery "ready" function.

JAVerticalScrollerFunction takes only a single parameter of type "object".  The options are set by specifying the following properites for the object.

scrollingDivElementsSelectorString (required): A JQuery selector string which matches at least one "div" page element.   All matching "div" page elements must have a "position" style property set to "absolute".

scrollTimeInteger (default: 1000): The amount of time in milliseconds it takes for the scrolling elements to be centered vertically.

synchronizeScrollingDivElementsBoolean (default: false): When set to "true", all scrolling divs are vertically aligned by their top edge.

Sample html code demonstrating the correct usage of JAVerticalScrollerFunction:

<script type="text/javascript" src="jquery-1.7.2.min.js">
</script>

<script type="text/javascript" src="JQBrowser.js">
</script>

<script type="text/javascript" src="JAVerticalScroller.js">
</script>

<script type="text/javascript">
function documentReadyEventHandler()
{
     window.JAVerticalScrollerFunction({scrollingDivElementsSelectorString:".floatingMenuDiv",
                                        scrollTimeInteger:1000,
                                        synchronizeScrollingDivElementsBoolean:true});
}

jQuery(document).ready(documentReadyEventHandler);
</script>