This Code

The Head

[js] [/js] [css] [/css]

The Body

[html] [/html]

The Outcome

Options

Below are a list of options you can pass to the jqGalScroll plugin. [js] ease: null, speed:0, height: 'auto', navArrowOpacity : .30, titleOpacity : .60 [/js]

Download

The jqGalScroll Plugin is available at: http://www.benjaminsterling.com/articles/jqGalScroll/common/js/jqGalScroll.js.

The jqGalScroll Style sheet is available at: http://www.benjaminsterling.com/articles/jqGalScroll/common/css/jqGalScroll.css and http://www.benjaminsterling.com/articles/jqGalScroll/common/css/jqGalScrollIE.css.

The jQuery core is available at: http://code.google.com/p/jqueryjs/downloads/list.

The jQuery Easing Plugin v1.1.1 is available at: http://gsgd.co.uk/sandbox/jquery.easing.php.

Support

Support for the jqGalView Plugin is available through the jQuery Mailing List and the comment section below.

Changes

10/05/2007
     Removed:  the up and down arrows, were not a useful as 
                  originally thought
     Removed: 	the param for the nacArrowOpacity
     Added:    some wrappers to allow for better styling.
     Changed:	marginTop animation to just top
     Added:	When an image is too big or too small, it will
                  align the img into the center.