I am starting a new project and my main home page element will be a Flip Book.

I prefer staying away from Flash and HTML5.

The problem is that I am having a hard time finding a Full Cross Browser Jquery/Javascript Flip Book that has the capability of the CLICK AND DRAG event. (I don't want a normal click and flip.)

Does anyone have or know of a full cross browser Click and Drag Flip Book?

OR if you have an example, not cross browser, what alternative cross browser overrides would be best to use?

I am starting a new project and my main home page element will be a Flip Book.

I prefer staying away from Flash and HTML5.

The problem is that I am having a hard time finding a Full Cross Browser Jquery/Javascript Flip Book that has the capability of the CLICK AND DRAG event. (I don't want a normal click and flip.)

Does anyone have or know of a full cross browser Click and Drag Flip Book?

OR if you have an example, not cross browser, what alternative cross browser overrides would be best to use?

• javascript
• jquery
• html
• events
• cross-browser

• Why do you reject out "HTML5" right away? When one proves that it's cross-browser patible, then there's no harm in using it. – Rob W Commented Jun 27, 2012 at 7:32
• I am not rejecting it, I don't prefer it. If I can't get a full crossbrowser html5 example that works in ie7/8 that would be perfect... thanks :) – Marc Uberstein Commented Jun 27, 2012 at 7:38

4 Answers 4

Perhaps missed out as it was not available at the time, I've had great success (due to it's simplicity) with Turn.js

It's also got a HTML4 version, so it's not only HTML5.

Here is a link with a few choices :

http://cssnerd./2011/12/08/animated-css3-pageflip-flipbook-with-a-little-jquery/

On the page you will see :

jQuery version (that @Arno posted)

• They updated it on August 8, 2012 and is looking much better
• Works on iPad
• IE7 & IE8 some shading issues when paging (im not even gonna test IE6)
• http://builtbywill./code/booklet/

Pure CSS3 version

• Only works on Chrome (and buggy on Safari)
• Smooth page flip, but too limited
• http://www.romancortes./ficheros/page-flip.html

HTML5 version (coz we can't ignore the non-crossbrowser html5 anymore)

• It only gives the example : http://www.20thingsilearned.
• Here is the proper tutorial : http://www.html5rocks./en/tutorials/casestudies/20things_pageflip/

3d flipbook without a HTML5 canvas version

• Major performance issues
• http://webkit-os.pixelass./flipbooktest/

You can try http://builtbywill./code/booklet/. It uses jQuery and jQuery UI, and supports click and drag.

You can use the PDF-to-HTML flip generator.