I want to place images between paragraphs in a chapter, at maximum size that fits on one page without distortion..
I've been using the Sigil plugin "InsertImageSVG" that makes a page showing an image like that.
I use the plugin to make the code and then copy it to the text page.
This works well for images in portrait mode--but if it's landscape, if I converted it to AZW, on Kindle it was in the middle of an otherwise blank page. But portrait images could have text on the page.
However, it was fine in either case if I loaded the epub to iBooks, landscape images could have text on the page.
The code for an image 1231 wide x 913 high:
For landscape images I can do
But ideally I would like code that works for both landscape or portrait images; and if the reader, is in landscape or portrait mode, in epub or AZW.
Is that possible?
I've been using the Sigil plugin "InsertImageSVG" that makes a page showing an image like that.
I use the plugin to make the code and then copy it to the text page.
This works well for images in portrait mode--but if it's landscape, if I converted it to AZW, on Kindle it was in the middle of an otherwise blank page. But portrait images could have text on the page.
However, it was fine in either case if I loaded the epub to iBooks, landscape images could have text on the page.
The code for an image 1231 wide x 913 high:
Code:
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 400 296" xmlns:xlink="http://www.w3.org/1999/xlink">
<image width="400" height="296" xlink:href="../Images/A08.gif"/>
</svg>
</div>
Code:
<div class="breakavoid">
<img class="wid100" alt="A08" src="../Images/A08.gif"/>
</div>
div.breakavoid {page-break-inside: avoid;}
img.wid100 {width: 100%; margin: 0.5em 0;}
But ideally I would like code that works for both landscape or portrait images; and if the reader, is in landscape or portrait mode, in epub or AZW.
Is that possible?