PDF jQuery Flip book plugins

Question

I have been surfing the net for hours now, there are many jquery flip book plugins that works using content in HTML or with images. But I need a plugin that can use PDF to load

Answer 1

You can use this library to convert PDF to flipbook with jquery. You just need to include the library and call the plugin like this:

<a title="Demo" subtitle="Test" showdownload href="http://heyzine.com/files/uploaded/bf8cb8abcd9f0c6da8680e6bdf1b7bf0cfb7ca51.pdf">example</a>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://pdf-to-flipbook.codingfocus.com/release/jquery.pdfflipbook.1.js"></script>

<script type="text/javascript">
    $('a').pdfFlipbook();</script>
</script>

You can also check the demo here: http://pdf-to-flipbook.codingfocus.com/site/demo

Answer 2

There are some PDF to flipbook converters/software available which offers Flash and HTML5 both. If anyone tries to access the digital edition on a cell phone or any other platform which do not support flash, then the digital edition automatically serves HTML5 for the best flipping effect.

Not sure if you have tried some of the followings. http://smashfreakz.com/2012/09/jquery-page-flip-book-plugins/ http://www.enough.pro/best-5-jquery-flipbook-plugins/

I hope you can customize the code if need additional functionality.

Answer 3

The FlexPaper Zine viewer does precisely what you're after. It also degrades gracefully when it is not able to use HTML5 so that older browsers also have a chance of viewing your publication

You can have a look at it here: http://devaldi.com/zine/NZ_Tourism_2007.php?ro=html5,flash

Here's more info on licensing etc: http://flexpaper.devaldi.com/flexpaper_flip_zine.jsp

Answer 4

A project called "PDF Flipbook" on GitHub uses jQuery with the turnjs and pdfjs libraries to display PDF files in a flipbook style. https://github.com/erayakartuna/pdf-flipbook

Answer 5

Take a look here, pdfjs + turnjs: http://www.maxims6n.bget.ru/pdf_books/demo_21.html

Answer 6

You could do that with DFlip jQuery Plugin which supports PDF, even in as low as IE8.

It can used very easily with just HTML

<div class="_df_book" source="books/dflip manual.pdf" id="df_test_book"></div>

Or if needed, it can be further customized with JavaScript options.