Hello Emmalaura,
For a link inside your image define the <area> of your image where the link shall be working.
For instance, the text here is an image, with 3 internal links on it:
http://maxie-online.de/#/2You see there are 3 links to page 5, 17, and 29.
So what did I do:
1. I made the pages 5, 17 and 29 "anchor pages" by adding an anchor to the page tag in the megazine.xml:
Like here on page 5:
<page anchor="bilderalbum" >
<img src="elements/seite5.jpg" />
</page>
2. I have defined the areas on the picture, in which the text links are located, and then added the links ("url=") plus hover colour.
This is how my page2 looks inside the megazine.xml ("..." = snipped to make the line short here for you):
<page>
<img src="elements/cover_innen.jpg" />
<area height="25" width="390" top="120" left="50" overlay="0xBF339966" url="anchor:bilderalbum" title="Beispiele ... ">
</area>
<area height="50" width="390" top="170" left="50" overlay="0xBF663366" url="anchor:codebeispiele" title="Code-Beispiele ...">
</area>
<area height="25" width="390" top="250" left="47" overlay="0xBFDDFF33" url="anchor:verlinken" title="Wie Sie externe ...">
</area>
</page>
Hope this was helpful for you. You would have to do the same if you would want to link parts of an image (imagemap with hotspots) to other pages.
Hope this helps you.
Regards,
Maxie
PS: The book is "parking" there and will be moved to another place on that domain, when my website is ready, so no bookmark please. I will post a link when the book has been moved to its final place.