Site hosted by Build your free website today!

Thumbs up!

Another option that can be used if you want to offer a lot of imagery is to provide thumbnails that link to larger versions of the image. Here are 3 outstanding examples of my inability to take a perfect picture

Stadium at Delphi Pnyx Hill  A2D
Click on the thumbnail to see a larger image

The first thing you need to do is fire up your image editor and make smaller versions of your images. It would also help to reduce the color depth. This bit about making a smaller version is very important. You shouldn't try to make a thumbnail by simply reducing its dimensions in the <IMG> tag. All this does is cram the full image into a smaller space. What you need to do is create a smaller copy of the image and use that as a link to the big image.

Here is a worked example. Take the Stadium at Delphi. Put the full sized image and the small image in your working folder. Once again, right-click & Save Image As. (everyone else, it's something similar)

Start with your <IMG> tag.

 <BODY> <IMG SRC="tn_apollo.jpg" 

Add your <A> tags.

 <BODY> <A><IMG SRC="tn_apollo.jpg" 
WIDTH=100 HEIGHT=68></A> </BODY> 

And add the URL of the big picture and bingo, you're done!

 <BODY> <A HREF="apollo.jpg"><IMG 
SRC="tn_apollo.jpg" WIDTH=100 HEIGHT=68></A> </BODY> 

You can, if you want, get rid of the blue border. Although, you may wish to keep it so that your viewers know that it is a link. It's up to you.

 <BODY> <A HREF="apollo.jpg"><IMG 
SRC="tn_apollo.jpg" WIDTH=100 HEIGHT=68 BORDER=0></A>