Here is an entirely different approach to a gallery: This uses some downloadable code called lightbox.

http://www.huddletogether.com/projects/lightbox/: download the code and follow the simple directions

 

images
this row is one group
It will create a next and previosus button at the enlarged level



It does require th JS folder and the CSS files provided in the download to be copied to your root folder and linked in the head of your page. Copy the required links (per directions) into your page header, just below the </title> tag The code will look something like this:

<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>.

 

You can do this to an individual page, if you don't want to apply it to your template. But if you are planning a lot of gallery pages, you might want to create a template page for galleries..

This has the added advantage of providing an image counter that lets the user know how many images are in each group. it also has a "next" and "previous" button "

Put this reference in each link on the thumbnails: rel ="lightbox"

<a href="../Knuss/M3.jpg" rel="lightbox[newsletter]" title="image three">

Images can be put into named groups by enclosing a group name in brackets after the word "lightbox" in the link.