Trying to add link in image within svg

Maal656 · 07-25-2011, 05:15 AM

Hello!
In a epub I'm formatting there is a map. As it is shown very small in the screen, I want to divide it in three different part and to include links to more detailed views of the map:

Here is my code, with only first hyperlink included:

Code:

<body>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 448 800" width="100%">
      <a xlink:href="../Text/MapL.xhtml">

      <image height="267" transform="matrix(1 0 0 1 0 0)" width="448" xlink:href="../Images/mapa01.jpg"></image></a>

      <image height="266" transform="matrix(1 0 0 1 0 267)" width="448" xlink:href="../Images/mapa02.jpg"></image>

      <image height="267" transform="matrix(1 0 0 1 0 533)" width="448" xlink:href="../Images/mapa03.jpg"></image>
    </svg>
  </div>
</body>

The problem is that working with Sigil, the code:

Code:

<a xlink:href="../Text/MapL.xhtml">

      <image height="267" transform="matrix(1 0 0 1 0 0)" width="448" xlink:href="../Images/mapa01.jpg"></image></a>

is automatically transformed to: (Note the position of </a>)

Code:

<a xlink:href="../Text/MapL.xhtml"></a>

      <image height="267" transform="matrix(1 0 0 1 0 0)" width="448" xlink:href="../Images/mapa01.jpg"></image>

so no hyperlink is accesible in the epub.

Someone could clarify my if I'm doing something wrong? Thank you!!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Illustrated ebooks with epub: using the svg image element	dpapathanasiou	ePub	0	06-15-2011 04:17 PM
Which is the best way to add SVG (vector graphics) to PDF files ?	DSpider	PDF	0	04-01-2011 07:27 PM
Add a Link to Your Free SF/F Ebooks	GoblinWriter	Writers' Corner	7	11-25-2010 04:25 PM
Add link to Calibre website in Wiki	Gaurnim	Calibre	4	12-09-2008 07:08 AM
Where is the ”Add to reader” link?	Prospect	Workshop	11	09-14-2008 12:47 PM