|
Register Domain Name At $15/yr |
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. Let's suppose that I want to offer three very nice pictures of let's say a few of my cars (I wish).
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. I have seen many instances of someone trying 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.
Let's do one. I think we'll use the Corvette (that's the blue one if there's anyone out there that for some silly reason doesn't know). Put the full sized image and the small image in your working folder. Once again, Netscape users right-click & Save Image As. (everyone else, it's something similar)
Start with your <IMG> tag.
<BODY> <IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62> </BODY>
 
|
Add your <A> tags.
<BODY> <A><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62></A> </BODY>
|
|
And add the URL of the big picture and bingo, you're done!
<BODY> <A HREF="car1.jpg"><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62></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="car1.jpg"><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62 BORDER=0></A> </BODY>
|
|
| << BACK NEXT >> |
 |
| Upload Your Pages Color Chart Practice Exercises Color Picker |
|
| Index & Quick Reference Barebones HTML Guide Table of Contents |
|
| Print version available PageTutor.com membership |
|
|
|
|||||||||||
|
Website Hosting /
Tutorial /
Basic HTML Tutorial /
Multiple Domain Hosting / Domain Hosting / Wordpress Hosting / Joomla Hosting / Drupal Hosting / Mambo Hosting / Oscommerce Hosting / Dreamweaver Hosting / Web Host / Web Space / Web Hosting / Website Hosting / Webhosting / Simple Shared Hosting / Easy Hosting / Quality Email Hosting / Web Page Hosting / Web Hosting Services / PHP Hosting / MySQL Hosting / PHP5 Hosting / MySQL5 Hosting / Cpanel Hosting / PHP MySQL Hosting / PHP5 MySQL5 Hosting / Ruby on Rails Hosting / Copyright 2000-2008 All Rights Reserved |
|||||||||||
