Stages Documentation

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 12:58] – [3. Now switch to your preferred image map tool/website] knre72:clickable_image [2018/12/03 09:14] – [1. Precondition: A tool/website to create image maps is required] iolr
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+This step is explained using the website //image-map.net.// You can also use your preferred solution.
  
-link to the image-generator:+Link to the image-generator:
  
 [[https://www.image-map.net/|https://www.image-map.net/]] [[https://www.image-map.net/|https://www.image-map.net/]]
Line 30: Line 30:
   * 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}}//
Line 37: Line 38:
  
   * Upload your image to //Stages//   * Upload your image to //Stages//
-  * Double Click on the image and paste the copied link into the //Image Map//  field. +  * Double Click on the image and paste the copied link into the //Image Map//  fiel//d//
-  * Please copy only the the //<area…>//  tags+
   * manually delete the// target=""//section   * manually delete the// target=""//section
   * Click on //Save//   * Click on //Save//