Well now I have a follow-up question, but it's more of an HTML/usability question than a programming question, but I don't know if there's a better place to ask it, so I'll just keep this going.
So now my photo gallery is up, and I have added previous/next navigation. I've also changed my right column into a scrolling column of thumbnails, so you can scroll through them while looking at a single pic, and click one to go straight to it.
I want the list to scroll as the photos advance, so I've put named anchors with each thumbnail, and that makes the list scroll to the current pic. It also has the side-effect of scrolling the page down so that the current pic is right about where I want it.
It works great until you get to the last few pics, at which point the page scrolls up, putting the current pic off the top edge of the screen, so a user has to scroll back down to see it.
Example here. If you click "next" (or just click the main pic) you'll go through the gallery, and you can see what happens when you get to the end.
So the question is, is there a better way to get that column of thumbnail on the right to scroll to keep the thumbnail of the currently being viewed pic at the top? Or at least on the page.