View Single Post
Old 07-21-2015, 08:37 AM   #2
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Wie Geht's Maren! Welcome to MR Forum!

There is a good sub-forum for asking formatting/project questions: The Workshop

As I have heard repeatedly, Fixed Format ebooks are a real pain to work with and not all devices support them. However, the easiest way I can think of would be to save each slide as an image - then make each image it's own page in the book using an SVG wrapper like this:

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

*make sure to update viewBox="0 0 1000 1600" as well as <image height and width> with your image's dimensions*
I'm sure there are many other ways that people can recommend here, but this will get the job done quickly and easily. I'm not sure if all kindles/iPads support multiple SVG images (??) but if they don't you can also try using the following:

Code:
<div class="whatever"><img alt="" src="../Images/example.jpg" /></div>

with CSS:
.whatever {width:100%; max-width:2015px} 
               *set max-width to the actual width of that image*
               *add any other styling to your preferences*
If all your slides are the same dimensions then that would be fairly simple to code.

Tschüs!
Turtle91 is offline   Reply With Quote