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.
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.
@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?
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
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....