THUMBNAILS & PHOTO ALBUM

Thumbnails are copies of a graphic that been re-sized to about 1/4 the original size. This is an example of a thumbnail. Click here on the small photo to see a full size photo in a new window. Then close the new window to return to this page.

There are several codes you can use to open either a page or a graphic in a new window.

  1. Simple HTML code
  2. Javascript - see Pop-Up New Window

The code for the above thumbnail link as a simple html code is:

<a href="daveswng.jpg" target="_blank">
<img src="daveswngtn.jpg">
</a>

The target="_blank" is what causes the link to open in a new window.

Thumbnail Galleries are just a collection of thumbnails on one page. Each thumbnail, when clicked upon will display a full size graphic. For an example of a Gallery, please see my Example Of Thumbnails which describes how to make the page. Another example of the use of thumbnails (without details) is Solar Systems.

A Photo Album is made somewhat like a Thumbnail Gallery except there are no links. To see an example of a photo album please Click Here!. For tips on how to make a photo album see My Photo Album Tips.

For complete details on how to make thumbnails, please see either

NOTE: If you are using GeoCities' Page Builder you don't need to use the HTML code shown below. Rather, after
  • you read about making a thumbnail below,
  • make your thumbnail(s), and
  • upload them to your site,

then go to my Page Builder help pages to see how to make graphical links with Page Builder.

Make a copy of the original graphic, using a graphics editors, and then re-size this copy to say 1/4 to 1/8 the size of the original and save it with a different name. NOTE: You can also use it to save a graphic in a different format, i.e. convert from .gif to .jpg if you wish.

Thumbnails can be used several ways:

Here is an example of how I used a thumbnail as a link to the full size graphic.

  1. The original graphic is called daveswng.jpg and is about 500X750 pixels.
  2. Make a copy of daveswng.jpg
  3. Re-size this copy to about 1/4-1/10 the original size keeping the aspect ratio the same.
  4. Save this re-sized graphic as daveswngtn.jpg
  5. Upload this thumbnail to your site.

Then you can use the HTML code below to make the link to daveswng.jpg using the thumbnail, daveswngtn.jpg, which will replace the current window.

<A HREF="daveswng.jpg"><IMG SRC="daveswngtn.jpg"></A>