Skip navigation

Completely frustrated by iBooks Author and iBooks

6007 Views 21 Replies Latest reply: Sep 9, 2013 3:59 AM by AGYmbert RSS
  • Mango4444 Calculating status...

    I too have given up on iBooks. My problems were numerous & I understand your frustration with SVG images. I wanted a series of images of molecules that could be snapped into full screen and zoomed.. etc. Ended up with a series of PNG files that were OK, but not really what I wanted.


    I also had iWeb abandon me... but that is another story.

  • Nyberg Level 1 Level 1 (0 points)
    Currently Being Moderated
    Oct 6, 2012 1:34 PM (in response to jawsnap)

    Hi Johnatan.


    Actually I have used Zoomify in a virtual tour which uses both KRpano and Zoomify

    So the initial index.html was the KRpano and the Zoomifye was linked from it.


    I did a test yesterday with Zoomify alone and it worked also perfect.


    Here is a link to a tutorial how to crerate the widget for a pano2VR viewer, It is the same for KRpano or for Zoomify. p158423



  • TechJ86 Level 1 Level 1 (0 points)

    I got the same issue right now...

    Just wondering if anyone figure this out on iBooks.


  • gadgetgurl42 Calculating status...

    Have you tried the interactive image widget? Can be used to display an image larger than the iPad screen and supports zoom.


    Apple's support page about optimizing assets suggests images should be in jpg or png form though.



  • louspringer Calculating status...

    svg images are only visible in widgets in iBook if they are displayed using an <embed> tag, svg images displayed via the <img> tag will not work.


    If you want to animate svg, I've been able to get animated svg widgets to work in iBook with Sencha Animator, but you must to hack the generated index.html to have the svg images included with an <embed> tag vs. the <img> tag that Sencha generates.


    If you look toward the bottom of the Sencha generated html, you will find <div> tags for each asset.  For example, svg image tags like this:


    <div id="an-obj-9"><div><img height="80" width="68" src="assets/fish.svg"></div></div>


    Need to be modified like so:


    <div id="an-obj-9"><div><embed height="80" width="68" src="assets/fish.svg"></div></div>

    I haven't investigated the implications of changing <img> tags to <embed> tags this way, so your mileage my vary.


    There are a number of permutations for displaying and scaling svg images on a web page. I found a post on helpful in this regard, see

  • AGYmbert Calculating status...

    I was looking for the same pan-and-zoom feature and I've found that widget from Bookry:




    I've tried the demo version in my iPad and it works fine, but it costs 150€ per book to use it without their logo. I've tried to recreate the widget using Edge Animate but it doesn't work anyway....

1 2 Previous Next


More Like This

  • Retrieving data ...

Bookmarked By (2)

This site contains user submitted content, comments and opinions and is for informational purposes only. Apple disclaims any and all liability for the acts, omissions and conduct of any third parties in connection with or related to your use of the site. All postings and use of the content on this site are subject to the Apple Support Communities Terms of Use.