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.
Enter the URL or address of an online photo. The photo must be hosted prior to using it here.
Click the load button and make sure the image appears normal size. If not, click the button again.
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.
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.
Repeat for as many hotspots as needed.
To remove a hotspot, click it or grab it and then click the "Remove Link" button.
Click the "Make Code" button to generate the map file, which you can then paste into your page.
A preview option lets you test you links. You can modify links and remake the code as frequently as necessary.
If you already have map code that uses rectangles (no circles or polygons) and want to start with that, click here.
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.
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.
- Enter the URL or address of an online photo. The photo must be hosted prior to using it here.
- Click the load button and make sure the image appears normal size. If not, click the button again.
- 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.
- 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.
- Repeat for as many hotspots as needed.
- To remove a hotspot, click it or grab it and then click the "Remove Link" button.
- Click the "Make Code" button to generate the map file, which you can then paste into your page.
- A preview option lets you test you links. You can modify links and remake the code as frequently as necessary.
If you already have map code that uses rectangles (no circles or polygons) and want to start with that,
click here.
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.
