Flipbook jQuery powered is the ultimate interactive media gallery for your presentation.
- neat effects for your presentations
- powered by cross-browser js library jQuery
- works with all media, not only images- inline content, videos, audios, divs with text -all are supported
- the powerful ZoomVideoPlayer included
- lightbox support
WordPress version available now!
WHAT CLIENTS SAY
Its Really cool, lots of features and fantastic support, i really like the idea that it works like a charm in Iphone as well. good luck and looking forward for something like this in future.
Incredible support and amazing tool. I would definitely purchase this product. Thank you ZoomIt! Keep up the great work!
UPDATESUPDATE 2 .1 [ 11/01/2011 ]
- fixed some bugs
- “double click for zoom” notification
- cover page on the last page as well
- flipping sound
- zoom option
- next / previous arrows
- FlipBook menu
- moved all flipbook related files in flipbook/ folder
- included photoshop action for page look to your images
- fixed a bug in the source folder</lil>
- included example in examples folder with video player + coverpage</lil>
WHAT ’S INCLUDED ?
- /readme – documentation
- /source – media gallery
- /examples - examples that work out-of-the-box on which you can base your customisation on
- LIFETIME updates! – We are constantly updating and adding features to our components to keep the latest standards and trends. You will get all these updates for free even if the price of the gallery increases.
- free support - on the support forum, the fastest way of support
How do I set up a flipping sound?
Copy paste this snippet after <!
<audio class="flip-sound"> <source src="http://www.soundjay.com/misc/page-flip-1.mp3"> <source src="http://www.soundjay.com/misc/page-flip-1.wav"> Your browser does not support the audio element. </source></source></audio>Open html in chrome – you now have sound. Of course, you can modify with your own sound.
VERY EASY TO INSTALL IN YOUR PAGE
Just copy/paste the files from the package.
Copy/paste this code in your < head > tag
Copy/paste this code in your < body > tag where you want your flipbook to appear
<div class="flipbook"> <img src="img/b21.jpg" /> <img src="img/b22.jpg" /> <img src="img/b23.jpg" /> <img src="img/b24.jpg" /> </div>
I want to turn off the last page, but i want to keep the cover page.Go to your html file. In the <head> tag replace flipbook.js with flipbook.dev.js Access flipbook/flipbook.dev.js and ~line 90 you will find
coverPage_back = coverPage;replace it with
coverPage_back = "off"
You can’t set a functional video player spanned, because it creates a instance on every page ( so if you pause on a page it won’t pause on the other ) – either don’t span it across both pages or just run a video without controls..
WHAT YOU CAN CHANGE ON THE GALLERY
- width / height of the gallery
- images ( or videos / media /swf ) to use
- and many more!