Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
72:clickable_image [2020/09/09 17:44] – aakr | 72:clickable_image [2020/09/09 17:50] – aakr |
---|
Open the editor and click on the Chain-icon | Open the editor and click on the Chain-icon |
| |
{{ https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/chainlink_1.png?direct&720x147 }} | [[https://doc.stagesasaservice.com/lib/exe/fetch.php?tok=dc355c&media=https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/chainlink_1.png|{{ https://doc.stagesasaservice.com/lib/plugins/ckgedit/fckeditor/userfiles/image/72/chainlink_1.png?direct&720x147 }}]] |
| |
Navigate to the element which you want to link with your clickable area. Copy the link into the clipboard. | Navigate to the element which you want to link with your clickable area. Copy the link into the clipboard. |
| |
{{ :72:screen2.png?direct&600x592 }} | [[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:screen2.png|{{ :72:screen2.png?direct&500x493 }}]] |
| |
**3. Switch to your preferred image map tool/website** | **3. Switch to your preferred image map tool/website** |
* Please copy only the //<area…>// tags | * Please copy only the //<area…>// tags |
| |
//{{ :72:upload_image_map.png?direct&900x708 }}{{:72:image_map_copy.png?nolink&592x353}}// | //[[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:upload_image_map.png|{{ :72:upload_image_map.png?direct&800x629 }}]]// |
| |
===== Head back to Stages ===== | //[[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:image_map_copy.png|{{ :72:image_map_copy.png?direct&600x358 }}]]// |
| |
* Upload your image to //Stages// | **4. Switch back to Stages** |
* Double Click on the image and paste the copied link into the //Image Map// fiel//d// | |
* manually delete the// target=""//section | * Upload your image to Stages |
| * Double-click on the image and paste the copied link into the //Image Map// fiel//d// |
| * Manually delete the// target=""// |
* Click on //Save// | * Click on //Save// |
| |
Your clickable image is ready to use | Your clickable image is ready to use. |
| |
{{:72:delete_target_field.png?nolink&599x552}} | [[https://doc.stagesasaservice.com/lib/exe/fetch.php?media=72:delete_target_field.png|{{ :72:delete_target_field.png?direct&600x553 }}]] |
| |
| |