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.
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.
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.
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.
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.
Take a look here, pdfjs + turnjs: http://www.maxims6n.bget.ru/pdf_books/demo_21.html
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With