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
PDF jQuery Flip book 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.
Take a look here, pdfjs + turnjs: http://www.maxims6n.bget.ru/pdf_books/demo_21.html
看这里,pdfjs + turnjs:http: //www.maxims6n.bget.ru/pdf_books/demo_21.html
回答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