| TOTAL: 5 Page: 1 of 1 |
|
Image Maps
An image map is an image that has been divided into regions, or "hotspots"; when a hotspot is clicked an action occurs, for example a new file opens. The image found at the bottom is an example of an image map. All the links are in one image which are linked to different pages.
| Hits: | 120 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-17 |
Client Side Image Map
A client-side image map is an image map that is run by the browser rather than a CGI. What happens is you will provide all the information required to run the map in your HTML document. That's why it's called a client-side map. The map's functions are provided on the client's end of things rather than at your server's side. It's not overly hard, but again--it doesn't work on all browsers. But if you don't have access to a CGI...on and on. You decide to use what you think will work best.
| Hits: | 118 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-17 |
CGI Image Maps
Image maps are not overly difficult, but they are a bit time consuming. This page will attempt to take you through the creation of an image map in plain English so hopefully you can place one on your own page. FYI: This tutorial refers to the use of a Common Gateway Interface (CGI). That's PERL script. You will need to attach to one to make it work. Chances are your server has one. You'll need to ask around to find it.
| Hits: | 93 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-17 |
Fake Image Map
You can do this one of two ways: o Create one image and cut it up. o Create a template image. Add words to the image and keep saving in a different name. I did the first one. Either will work, but I thought it was easiest the cut the image up. Of course you'll need an image editing program to do this. I used my Paint Shop Pro. It's shareware and you can grab it here. Once you have the images, and you are sure they will line up correctly, you simply build th
| Hits: | 58 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-17 |
Image Map Rollover
This is a great effect. Let me tell you what it does first and then you can try it out for yourself. The image below is of an 1864 painting by Francis B. Carpenter entitled "The First Reading of the Emancipation Proclamation Before the Cabinet". I've always liked it and it lends itself to this tutorial. The picture is an image map. But wait...there's more. When you place your pointer over top of Lincoln's face, you will immediately get an enlarged version of the left side of the image. D
| Hits: | 102 | Platforms: | Windows |
| Ratings: | Last Updated: | 2006-07-17 |