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:
For the page (using the cover image as an example):
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.
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>Other experimentation has shown that with the Header, there is about 710 vertical pixels on the Glo for the image.