View Single Post
Old 01-01-2013, 05:54 AM   #1
murg
No Comment
murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.murg ought to be getting tired of karma fortunes by now.
 
Posts: 1,553
Karma: 4111060
Join Date: Jan 2012
Location: Australia
Device: Kobo: Not just an eReader, it's an adventure!
epub formatting - full page images

What I want to do is to embed a full page image on the Kobo, on an internal page that has a header. This page would be the first page of a chapter file.

For the cover, the html is:

Code:
 
<div>
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 450 684" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
        <image height="684" width="450" xlink:href="../Images/Cover.jpg"></image>
    </svg>
</div>

For the page (using the cover image as an example):

Code:
 
<h3>Header</h3>
<div>
   <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 450 684" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image height="684" width="450" xlink:href="../Images/Cover.jpg"></image>
   </svg>
</div>
This always pus the image on a page by itself, after the page with the header.

Other experimentation has shown that with the Header, there is about 710 vertical pixels on the Glo for the image.
murg is offline   Reply With Quote