Last Modified: 1/29/08
  Computer Training
Clickable Image Maps

Credit: Kirk Born (St Sci/NASA)

A clickable image map is one that links to different places depending on where you click on the image. The image is divided into regions whose boundaries may or may not be visible. For example, a map of the United States with state boundaries might contain links to information about each state, and these links are activated when you click within a state boundary.

In order to create a clickable image map you need to:

  1. Obtain the image you want in GIF or JPEG format and store it in your public_html directory or some sub-directory therein
  2. Create lists of the coordinates, in pixel values, that define each clickable region in the image
  3. Create the necessary HTML code to specify the image, the regions in the image that you may click on, and the places (links) that you are sent when you click on them.

There are at least three ways to create clickable image maps:
Previous Home Next

Course Topics

Graphics Design Based on Edward Tufte's Principles

Using Graphics Equipment in the Vislab

Clickable Image Maps

Scrollable Frames

Clickable Image Maps with Frames

Making Animated GIFs

Exporting PowerPoint and Other Graphics to the Web

3D Animation Using VRML

Incorporating Streaming Media in Your Browser

Using and Adapting Java Applets

 
Previous Home Next

©1999 UW Technology