You can thumbnails linked to full-size versions of the image by creating two different versions of the image and a page for each image. To do this:
- First, create your thumbnail images. Resize your images using an image-editing program, such as ImageReady or Paint Shop Pro (if you'd like, you can download a trial version of Paint Shop Pro).
- After you've created your thumbnails, create two separate pages — a page for your full-size image and a page for your thumbnail. Let's call the page for the full-sized image "page1.html" and the one for the thumbnail "page2.html."
- Now let's add the full-sized image to its page, "page1.html." If your full-sized image's name is "image.gif," place this code on "page1.html":
<img src="image.gif">
- Now let's put the thumbnail, called "thumbnail.gif," on its page, "page2.html." Instead of just placing the image on the page, you'll link the thumbnail. Like so:
<a href="/l/us/yahoo/geocities/ghtml/page1.html"><img src="thumbnail.gif"></a>
Note that"thumbnail.gif" links to "page1.html," which is the page with your full-size image.
When you click on "thumbnail.gif," you'll now see "image.gif."