非Flash翻书[跨浏览器]

Question

我正在开始一个新项目，我的主要主页元素将是一本翻书。

我更喜欢远离Flash和HTML5。

问题是我很难找到具有CLICK AND DRAG事件功能的Full Cross Browser Jquery / Javascript Flip Book。 （我不想要正常点击和翻转。）

是否有人拥有或知道完整的跨浏览器Click and Drag Flip Book？

或者，如果你有一个例子，而不是跨浏览器，那么最好使用哪种替代的跨浏览器覆盖？

Answer 1

也许因为当时不可用而错过了，我用Turn.js

取得了很大的成功（由于它很简单）

它也有HTML4版本，所以它不仅仅是HTML5。

Answer 2

这是一个包含几个选项的链接：

http://cssnerd.com/2011/12/08/animated-css3-pageflip-flipbook-with-a-little-jquery/

在页面上，您将看到：

jQuery版（@Arno发布）

• 他们于2012年8月8日更新了它，看起来好多了
• 适用于iPad
• IE7＆amp; IE8在分页时会出现一些阴影问题（我甚至不会测试IE6）
• http://builtbywill.com/code/booklet/

纯CSS3版

• 仅适用于Chrome（以及Safari上的错误）
• 平滑页面翻转，但太有限
• http://www.romancortes.com/ficheros/page-flip.html

HTML5版本（因为我们不能再忽略非跨浏览器html5了）

• 仅举例：http://www.20thingsilearned.com
• 以下是正确的教程：http://www.html5rocks.com/en/tutorials/casestudies/20things_pageflip/

没有HTML5画布版本的3d flipbook

• 主要表现问题
• http://webkit-os.pixelass.com/flipbooktest/

Answer 3

您可以尝试http://builtbywill.com/code/booklet/。它使用jQuery和jQuery UI，并支持点击和拖动。

Answer 4

您可以使用PDF-to-HTML flip generator。