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.