Currently Being ModeratedOct 6, 2012 12:44 PM (in response to Gerben Wierda)
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.
Currently Being ModeratedOct 6, 2012 1:34 PM (in response to jawsnap)
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.
Currently Being ModeratedOct 7, 2012 1:07 AM (in response to Mango4444)
@Mango4444, my book is now almost done in PDF created in InDesign (Pages couldn't do it practically). No interaction, limits on the size of diagrams I can show in a readable way (it is A4), but at least it is done. Since I'm not able to sell it through the iBookStore and print distribution would make it too expensive, it's going to be offered as 'begware'.
I still have to move away from iWeb (I was burned by that one too). I know it is off topic, but what did you end up using instead?
Currently Being ModeratedNov 29, 2012 8:25 AM (in response to Gerben Wierda)
I got the same issue right now...
Just wondering if anyone figure this out on iBooks.
Currently Being ModeratedDec 3, 2012 1:50 AM (in response to Gerben Wierda)
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.
Currently Being ModeratedJan 6, 2013 10:05 AM (in response to Gerben Wierda)
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 edutechwiki.unige.ch helpful in this regard, see http://edutechwiki.unige.ch/en/Using_SVG_with_HTML5_tutorial
Currently Being ModeratedSep 9, 2013 3:59 AM (in response to Gerben Wierda)
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....