Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Next revisionBoth sides next revision
72:clickable_image [2018/10/12 13:00] – [4. Head back to Stages] knre72:clickable_image [2020/04/17 00:37] – [2. How to copy the target link you want to apply to your image map] aakr
Line 2: Line 2:
 ===== 1. Precondition: A tool/website to create image maps is required ===== ===== 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 +In this description the online image map generator //[[https://www.image-map.net/|image-map.net]] //is used to create the image maps//.// You can also use your preferred solution.
- +
-link to the image-generator: +
- +
-[[https://www.image-map.net/|https://www.image-map.net/]]+
  
  
 ===== 2. How to copy the target link you want to apply to your image map ===== ===== 2. How to copy the target link you want to apply to your image map =====
  
-Copy the target link in //Stages//+Steps to copy the target link in //Stages//
  
    * Open the editor    * Open the editor
Line 30: Line 26:
   * 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.   * 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!//   * Click on //Show Me The Code!//
 +  * Please copy only the //<area…>//  tags
  
 //{{:72:upload_image_map.png?nolink&1134x892}}{{:72:image_map_copy.png?nolink&592x353}}// //{{:72:upload_image_map.png?nolink&1134x892}}{{:72:image_map_copy.png?nolink&592x353}}//