Create ImageMap: Difference between revisions

From Opasnet
Jump to navigation Jump to search
mNo edit summary
(Added category: 'Help')
 
(3 intermediate revisions by 3 users not shown)
Line 36: Line 36:
desc bottom-left
desc bottom-left
</imagemap>
</imagemap>
[[category:Intarese]]
[[Category:Help]]

Latest revision as of 12:12, 6 April 2011

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 and you are done!


Example :

Help:ImageMapSandbox