PDF jQuery 翻书插件

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/19288332/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-26 23:35:53  来源:igfitidea点击:

PDF jQuery Flip book plugins

javascriptjquerypdfpluginsjquery-plugins

提问by Supun

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.

我已经在网上冲浪了几个小时了,有很多 jquery 翻书插件可以使用 HTML 或图像中的内容工作。但我需要一个插件,它可以使用 PDF 加载翻书中的页面,并且它必须在 IE 8 上工作,所以没有 HTML5。如果有人知道这样的插件,请告诉我,我不想使用 flash,因为它对我的工作来说不够灵活。

回答by Marco C.

回答by MazarD

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:

您可以使用此库将 PDF 转换为带有 jquery 的翻书。您只需要包含库并像这样调用插件:

<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

您还可以在此处查看演示:http: //pdf-to-flipbook.codingfocus.com/site/demo

回答by Dylan Kinnett

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

GitHub 上一个名为“PDF Flipbook”的项目使用带有 turnjs 和 pdfjs 库的 jQuery 以翻书样式显示 PDF 文件。https://github.com/erayakartuna/pdf-flipbook

回答by Mirit

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.

有一些 PDF 到翻书转换器/软件可用,它们同时提供 Flash 和 HTML5。如果有人试图在手机或任何其他不支持 Flash 的平台上访问数字版,则数字版会自动提供 HTML5 以获得最佳翻转效果。

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/

不确定您是否尝试过以下一些方法。 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.

如果需要附加功能,我希望您可以自定义代码。

回答by Deepak Ghimire

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

您可以使用支持 PDF 的DFlip jQuery 插件来做到这一点,即使在低至 IE8 的情况下也是如此。

It can used very easily with just HTML

它可以很容易地使用 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.

或者,如果需要,可以使用 JavaScript 选项进一步自定义。

回答by FlowPaper Team

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

FlexPaper Zine 查看器完全符合您的要求。当它无法使用 HTML5 时,它也会优雅地降级,以便较旧的浏览器也有机会查看您的出版物

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

您可以在这里查看: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

以下是有关许可等的更多信息:http: //flexpaper.devaldi.com/flexpaper_flip_zine.jsp