Difference between revisions of "Create ImageMap"
From Testiwiki
Juha Villman (talk | contribs) m (Create imagemap moved to Create ImageMap) |
Juha Villman (talk | contribs) (Quick guide for ImageMapping created) |
||
Line 1: | Line 1: | ||
Imagemap tool can be used for creating imagemaps (for example Analytica models which contain links to corresponding variables) | Imagemap tool can be used for creating imagemaps (for example Analytica models which contain links to corresponding variables) | ||
+ | |||
+ | |||
+ | '''Quick help''' | ||
'''Step 1:''' | '''Step 1:''' | ||
− | http://tools.wikimedia.de/~dapete/ImageMapEdit/ImageMapEdit.html?en | + | [[Special:Upload|Upload your image -file]] (right click and open link in new tab...) |
+ | |||
+ | '''Step 2:''' | ||
+ | |||
+ | After successful upload: Copy image's web location (right click on image and select ''Copy Image Location'') | ||
+ | |||
+ | '''Step 3:''' | ||
+ | |||
+ | Use [http://tools.wikimedia.de/~dapete/ImageMapEdit/ImageMapEdit.html?en ImageMap -edit tool](right click and open link in new tab...) to generate Wiki -code for your image | ||
+ | * Copy picture location to ''Load from URL'' box (right click and ''Paste''). For example:'' <nowiki>http://www.pyrkilo.fi/intarese/images/5/56/ImageMapExample.png</nowiki>'' | ||
+ | * Add wiki -name of your picture to ''Name'' and click ''Load'' box. In this example case name is ''ImageMapExample.png'' | ||
+ | * Use ''Rectangle'', ''Circle'' and ''Polygon'' tools to select linking areas from picture | ||
+ | * Add link names to ''Link'' box for all the areas you've selected from the picture | ||
+ | * Code is now generated and you can can copy it from ''ImageMap Extension Code'' box | ||
+ | |||
+ | '''Step 4: | ||
+ | |||
+ | Paste generated ImageMap -code to your Wiki-page where you want to add ImageMap | ||
+ | |||
+ | |||
+ | '''Example ''': | ||
+ | |||
+ | <imagemap> | ||
+ | Image:ImageMapExample.png| | ||
+ | |||
+ | rect 48 27 149 71 [[Help:ImageMap]] | ||
+ | rect 211 27 305 71 [[Sandbox]] | ||
+ | |||
+ | desc bottom-left | ||
+ | </imagemap> |
Revision as of 12:29, 28 March 2007
Imagemap tool can be used for creating imagemaps (for example Analytica models which contain links to corresponding variables)
Quick help
Step 1:
Upload your image -file (right click and open link in new tab...)
Step 2:
After successful upload: Copy image's web location (right click on image and select Copy Image Location)
Step 3:
Use ImageMap -edit tool(right click and open link in new tab...) to generate Wiki -code for your image
- Copy picture location to Load from URL box (right click and Paste). For example: http://www.pyrkilo.fi/intarese/images/5/56/ImageMapExample.png
- Add wiki -name of your picture to Name and click Load box. In this example case name is ImageMapExample.png
- Use Rectangle, Circle and Polygon tools to select linking areas from picture
- Add link names to Link box for all the areas you've selected from the picture
- Code is now generated and you can can copy it from ImageMap Extension Code box
Step 4:
Paste generated ImageMap -code to your Wiki-page where you want to add ImageMap
Example :
Error: Image is invalid or non-existent.