Small Gallery Code

[amorrison]

I found some code for a small gallery like display, nothing fancy, but it has a scrolling film-strip like index at the bottom that allows selection of the images. Might be nice for someone's personal web space. Here it is on my web space.

The URL: http://bellsouthpwp.net/a/g/agm/

[gandini]

This is a nice gallery! Beautiful photos amorrison. Will you share the code? Thanks

cheers

[amorrison]

The easiest way is to use Front Page to import or get the site. It will pull all the files and pictures unless you tell it otherwise. All you need to do is modify the names of the pictures in the htm file. Each full size shot.jpg should have a shot_t.jpg thumbnail. Then build it up with your own files. Unfortunately its all manual, i.e. you have to edit the code.

[gandini]

OK amorrison: another question. I looked at your html code and I can't seem to find where you are picking up the text description that appears to the right of the image once clicked. Can you tell me how you are delivering the text along with the image to the main.frame location?

thanks,

[boyhowdy]

Beautiful photos in your gallery!!!

Patrick

[Kevin M]

A very nice gallery with really excellent images.

The only small misgivings I have is that (for me at least) your excellent original 1024 x 768 images do not display as well as they should. This seems to be because the gallery browser is forcing 1024x768 images to display at 640 x 480. Whereas, if they had also been resized to 640x480 and displayed at 'actual' size, they would look even better. An added bonus, is that they would load considerably faster.

Kevin

http://homepage.eircom.net/~bot/paint/example.jpg

[amorrison]

Reply to Kevin M: You are probably right about the resizing and not using IE to force 800x600. I did this with the intention that viewing the images was done by setting them as a background. Doing what you suggest would work fine, but would take up more web space, which most of us with personal accounts are limited to about 10 megs. I still might try it though. Thanks for the comments.

[amorrison]

Regarding how the site works: The primary page is a two frame called index.htm. This page just loads a page called photo1.htm which is the initial upper display page. The index.htm also loads a page called thumbs.htm in its lower frame. That's the frame that scrolls. When a thumbnail image is selected, a page called background1.htm, background2.htm, etc is loaded in the upper frame of index.htm. All the images are stored under "images" also with their thumbnails which must be manually created. The large image I call say mockingbird1.jpg the thumbnail mockingbird1_t.jpg, just to keep track of them. So when you add an image, you add the main image, its thumbnail, a background page for it (where you add the text), and you update the thumbs.htm page to add references to it. Its a little cumbersome, but it is well, free. There is some javascript on the thumbs.htm page that counts the images and does the indexing.