Last modified by JorisDirks on 2020/01/28

Question How do I create an Image Map in XWiki?

well..the answer is pretty simple. I have used Macromedia Dreamweaver(free trial) where i have placed the image and with the "hot spot" butons I could highlight the spaces where i wanted to have a link.

this is how it looks in plain html(just an example for my photo) that works perfectly in xwiki:

<img src="poze/top.jpg" width="700" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="84,12,148,58" href="link" />
<area shape="rect" coords="224,12,290,60" href="link" />
<area shape="rect" coords="382,14,443,63" href="link" />
<area shape="rect" coords="535,13,606,57" href="link" />

Remember that these "hot spots"(links) are not created automatic and that if you change the dimension of your image the coordonates will change and so you have to make a new image map.

Get Connected