The following images show how to implement interactivity on epub books. This example is illustrated with some pages from children’s classic picture book Where the Wild Things Are, by Maurice Sendak.
When the reader tap on any word from the text, the associated image of the page will fade in as a popup. Tap on the image again to dismiss it.
If instead of tapping on the image, you double-tap, the image is shown in full screen. With a new double-tap, it returns back to text.
And now, showtime…
I have added a very nice video of the book, found on Youtube, to the epub file. Video works on iBooks on iPad and the outcome is really, really cool.
Great post!
What exactly do you mean when you say that the images fades-in as a pop-up?
And how do you implement it?
Many thanks for your comment. Images or annotations (textual notes) appear on the screen when you tap on the highlighted word. I put them inside a bubble, as if they were words spoken by the book. This is done using JavaScript-based event handlers.
You can see more details at: http://blog.threepress.org/2010/06/24/javascript-and-interactivity-in-ibooks/
Regards
Jeronimo