Picture Scrolling With Groups

This is a single web page which displays one picture at a time from groups of pictures. The user browsing the page is first expected to choose a group of pictures and then to scroll among the pictures in that group.

The purpose of this page is to give one central place for control of formatting and presentation while still giving the appearance of a page for each picture. This page eliminates the need to create a page for each picture.

The list of pictures is contained in the web page in the array 'pictureNames'. Javascript is invoked when the group names or buttons are pressed to change the image presented on the page.

The advantage of this method is that there is no need to make one page per picture. A simple one line change to this web page adds a new picture with the associated caption. Pictures can appear in any group. This example uses three pictures. It forms two groups that present the pictures in different orders.

View the source to see how the example works.

  Choose one of these groups: Mike First  Brett First  

DragonNorth.com Webmaster: mnewman@dragonnorth.com