Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

PDF jQuery Flip book plugins

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 pages in the flip book & it has to work on IE 8 as well so no HTML5. If anyone know such a plugin please let me know, I don't want to use flash as it isn't flexible enough for my work.

like image 643
Supun Avatar asked Oct 10 '13 06:10

Supun


People also ask

What is a jQuery flipbook plugin?

A jQuery flipbook plugin displays your images, document files, or any other text on your site. Here are three great JavaScript flipbooks that will allow you to create realistic, animated flipbooks with ease.

How to embed PDF flipbook into your page using 3D flipbook jQuery plugin?

The example demonstrates how easily you can embed PDF flipbook into your page using 3D FlipBook jQuery plugin. No coding skills are required, just create a div, add any CSS class, for example sample-container : Do not forget to set required height for the div container. Add script: This script will embed the PDF document in the div container.

What is dflip jQuery plugin?

dFlip is an easy yet powerful 3D HTML5 flipbook jQuery plugin. Powered by Mozilla’s PDF.js library dFlip jQuery flipbook plugin can create amazing PDF flipbook, just with a PDF link.

How to create a realistic PDF flipbook?

With our jQuery flipbook plugin, you bring your flat PDF to life as realistic PDF flipbook. Our plugin supports all the PDF outlines, hyperlinks available in the PDF as default. Despite being a jQuery Plugin you can create basic PDF Flipbook with mere HTML. Presentation is crucial when displaying content to your readers.


2 Answers

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

like image 180
Marco C. Avatar answered Sep 30 '22 15:09

Marco C.


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="https://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="https://heyzine.com/release/jquery.pdfflipbook.1.js"></script>

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

You can also check the demo here: https://heyzine.com/site/demo

like image 42
MazarD Avatar answered Sep 30 '22 16:09

MazarD