Onkle Doug's Thumbnail Picture Format Page - Formatting Page 08

This formatting page shows you how to set up a webpage that features pictures in "thumbnail" sizes that you can click on to see the full sized photograph. To make this page work, you first have to learn how to do some graphic stuff -- you must make files of the photos you wish to display, and also create thumbnail size images of all the photos. The format as shown here will accomodate up to 42 thumbnailed images. You can simply edit out some of the groups to reduce the number, or cut and paste in additional groups to add more pictures to the lineup. It is important to be sure your thumbnailed images are all pretty much the same size, and that they are set up with low resolution and maximum compression, so they don't take too long to load.
Using pixels as the unit of measurement, a thumbnail can be about 80 X 60 pixels for a 400 X 300 (approximately) photograph. (81 X 60 to 400 X 295 or anything close will work okay, as long as the first number is not too far off.)
Also, you should use your graphics program to compress the JPEG images of the photographs to a reasonable file size as well. You will lose some detail in this process, but a computer screen really can't see the finer details if you use a high resolution. Some say 75 dpi is enough; I tend to use 100.
Be sure to delete these formatting instructions, as well as the initial heading, at the top of this page, when you have finished your edits. Also be sure to replace both the folder names and file names for the pictures with the folders and files you are actually using. Of course, if you find it easier to simply name your pictures "pic01, pic02...etc.," then you can save some time. Note the use of "01, 02...09" for the lower numbers. This assures that pic10 will follow pic09 in your file listings. If you don't use the zero in the tens place, then the files will not be in order, unless you have less than 10 files in a series.