可以查看 PDF 的 Javascript 和 CSS 灯箱答案

【问题标题】：Javascript and CSS Lightbox that can view PDFs可以查看 PDF 的 Javascript 和 CSS 灯箱
【发布时间】：2010-10-30 00:06:07
【问题描述】：

有没有人发现任何可以显示 PDF 的灯箱类型的 javascript/css 代码？我尝试了很多图书馆，但没有一个对我有用。环境需要兼容IE6/IE7。

我正在寻找类似的东西： Lightbox 2

【问题讨论】：

标签： javascript css pdf lightbox lightbox2

【解决方案1】：

artViper's bumpbox

Bumpbox 2.0 一个灯箱克隆，支持 PDF、flv、swf、音频、图像、内联 HTML 和远程 html 文件。现在也玩 Youtube© 和 Vimeo© 视频直接开箱即用！

【讨论】：

【解决方案2】：

总结一下你的选择：

如果 PDF 的一部分的屏幕截图足够好，那么正如 tomlog 所回答的那样，您可以找到一个库或现有代码来将所述部分提取为图像，并显示该图像在“灯箱”中。

但是，如果您需要实际的 PDF 查看功能，则在 IE6/7 中无法在不加载到 Adobe Flash/swf 对象或包含在官方的 Adobe Reader 浏览器插件中不知何故。

走插件路线，您将不得不使用iFrame。

如果 Flash/embedding 方法看起来更好，jvenema 建议 http://stickmanlabs.com/lightwindow/ 有一个“Flash Paper”演示（Flash Paper 是嵌入 PDF 文档的官方方法) 您可以签出或嵌入其他内容，如 http://www.scribd.com/ 和其他人所见。

【讨论】：

Scribd 看起来是个不错的选择。免费、可嵌入的 PDF 查看，无需 Flash。它甚至有一个提供完整文档管理的 API。 scribd.com/developers

【解决方案3】：

http://stickmanlabs.com/lightwindow/

具体来说，请查看用于嵌入 PDF 的演示“Flash Paper”

【讨论】：

+1 用于链接到闪存纸。但是，这需要将 PDF 转换为 flash，这与原始请求背道而驰。不过，这是一个值得考虑的选项。
我知道它不是 100% 开启的，但是如果你想避免嵌入 iframe，依赖 Adobe 的 PDF 播放器等，这是一个不错的选择。 :)

【解决方案4】：

如果您可以找到一个 PDF 库，可以将每个页面转换为图像（JPEG、GIF 或其他），那么您可以在您的灯箱中显示这些内容。

显然，您将失去 PDF 的所有缩放和分页功能。

【讨论】：

【解决方案5】：

这里有几个解决方案

您可以将 PDF 嵌入 iframe（在灯箱或面板中），例如 http://www.cs.tut.fi/~jkorpela/html/iframe-pdf.html

否则，您可以将 PDF 上传到 Issuu 等文档共享网站，并将其 swf 嵌入您的网页中。

【讨论】：

【解决方案6】：

如果它不在这里，它就不在任何地方：lightbox clones

【讨论】：

而且，我认为您可能需要将其放入 iframe 中，因为 Randolpho 在上面是 100% 正确的。

【解决方案7】：

祝你好运找到任何可以在没有插件的情况下在浏览器中显示 PDF 的东西。

您可以考虑在灯箱样式中嵌入指向 PDF 的 IFrame。不过，这大概是你能做到的最好了。

【讨论】：

@Marcel Korpel：这……这太棒了。 Javascript。有什么不能做的吗？
@Marcel Korpel：在这里我要说“lambda 表达式”
我不是 CS 专家，但我找到了 paulfree.com/11/javascript-lambda-expressions（但 JS 提供了其他不错的功能，但您已经知道了）。