FlipBook - jQuery powered - /w Media Gallery

FlipBook - jQuery powered - /w Media Gallery - CodeCanyon Item for Sale

Flipbook jQuery powered is the ultimate interactive media gallery for your presentation.

FEATURES

  • 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!

UPDATES

UPDATE 2.1 [ 11/01/2011 ]
  • fixed some bugs
  • “double click for zoom” notification
UPDATE 2.0 [ 05/11/2011 ]
  • 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
UPDATE 1.1
  • 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

FAQ

How do I set up a flipping sound?

Open source/index.html Copy paste this snippet after <!end menu>

<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

<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="js/flipbook.js"></script>
    <link rel="stylesheet" type="text/css" href="style/flipbook/style.css"/>

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" 

KNOWN LIMITATIONS

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

iPad Demo

  • width / height of the gallery
  • images ( or videos / media /swf ) to use
  • and many more!

Credits

Other Awesome Products

by
by
by
by
by
by