Samples

Thumbnails
bar

Click the BACK button in your browser to return to the previous page
or
Click here to go to ITeachYou.com's homepage.

Thumbnails are smaller versions of pictures that load very quickly and are therefore very Web-friendly. The small picture, or thumbnail, is a clickable link to a larger version of the picture. In other words, you actually need to save the picture 2 times -- once for each size instead of just using height and width tags to specify a smaller or larger size dimension for the picture. If you do the latter, you really aren't saving space. To make the thumbnail of a larger picture, open an image editor such as Photoshop, Corel Draw, or Paint Shop Pro and "resample" the image to the smaller size.

To view the actual HTML code for each example, click VIEW-PAGE SOURCE (or VIEW-SOURCE) and scroll down the example you are interested in.

Note: Adding these thumbnails was made MUCH easier because Mitch Menschel produced the code for one of his many Web pages and then encouraged me to "swipe" the code to modify for this sample page. Swiping is a nifty thing!

Following is a "thumbnail" of a picture that links to an expanded version of the same picture. Immediately under the thumbnail is a description of the picture.

Description of the pic

Following is a table with 3 cells across that each contain a "thumbnail" of a picture that links to an expanded version of the same picture. Immediately under each thumbnail is a description of the picture.

Description of the pic