Image Mapper
Creates a Clickable ImageMap/UseMap
for web and auction navigation

An Image Map is a regular hosted image than has defined clickable areas or hotspots. It consists of two components: the actual hosted image and a map file. This tool will create the map file for your online image and will include the displayable image in the code.

1. Enter the URL or address of an online photo. The photo must be hosted prior to using it here.
2. Click the load button and make sure the image appears normal size. If not, click the button again.
3. Create the hotspots on the image by clicking the "New Link" button. Move the hotspot around and resize it as necessary. It will define a clickable area on your image.
4. In the two slots, add the destination link for your clickable hotspot and an optional comment that will display when the mouse hovers over the hotspot. The destination is usually a full URL, just like the image, but could be a local page link instead.
5. Repeat for as many hotspots as needed.
6. To remove a hotspot, click it or grab it and then click the "Remove Link" button.
7. Click the "Make Code" button to generate the map file, which you can then paste into your page.
8. A preview option lets you test you links. You can modify links and remake the code as frequently as necessary.

The map file will contain both the link map and the actual image. Insert the entire code where the image is to appear on your page. Or you can add just the top image line in the actual location and place the map portion elsewhere on the page.

After loading the photo, make sure the buttons and box below are still visible. If the photo covers the buttons or box below, click the "Load Image" button a second time.

If hotspots overlap, the first in the code list takes priority. The hotspots appear in the code list in the order in which they are created. Deleted hotspots are merely invisible, and thus keep their old order if reused.