This is an old revision of the document!
1. Precondition: A tool/website to create image maps is required
We explain the process using the website image-map.net but you can also use your preferred solution
link to the image-generator:
2. How to copy the target link you want to apply to your image map
Copy the target link in Stages
- Open the editor
- Click on the Chain-icon
- Navigate to the element which you want to link with your clickable area
- Copy the link into the clipboard
- Close the window
3. Now switch to your preferred image map tool/website
In this example we explain the procedure using image-map.net
- Open the domain and choose a picture from your PC or load a picture from a website into the generator
- After you see your image, choose the shape for the clickable area and mark it in your image
- Use the link you saved in the previous step of Stages. Optionally you can assign a title. You can distribute additional areas if you want your image to have more parts to click on.
- Click on Show Me The Code!
4. Head back to Stages
- Open “Resources” in Stages and create a new resource → New
- Upload the origin image
- Paste the clipboard into the “image map” box. You just need the <area…> tag
- Click on Save
Your clickable image is ready to use