Image Map/Tutorial/Export Image Map

From Wikiversity
Jump to navigation Jump to search
Click on Create Image Map
  • After creating a clickable area, click on 'create Image Map'.
Copy code and paste it to your Wikiversity editing page
  • Click into the textarea below the image and press Ctrl+C to copy the code to your clipboard.
  • Paste it to your Wikiversity editing page.

A code sample would look like that with a circle and link on the compass.

<imagemap>
  Image:Kompas_Sofia.JPG|thumb|400px|Subtitle of Image Map
  circle 1607 939 935 [https://en.wikipedia.org/wiki/Compass Compass] 
</imagemap>

In the example above 400px was inserted in the export imagemap from [Online ImageMap Editor], to scale the image. So can see, that scaling the image in the MediaWiki will transform the coordinates of the clickable areas accordingly.

Subtitle of ImageCompass
Subtitle of Image