2

我想使用 Fancybox 加载 PDF，我已经通过多个论坛找到答案并尝试了许多建议，但我似乎无法让它在我的 Mac 上的 Firefox 中工作。我用过这段代码：

$(document).ready(function() {
$(".pdf").click(function() {
$.fancybox({
'width': 700, // or whatever
'height': 900,
'autoSize': false,
'content': '<embed src="'+this.href+'#nameddest=self&page=1&view=FitH,0&zoom=80,0,0" type="application/pdf" height="99%" width="100%" />', 
});
return false;
}); // pdf 
); // ready

结合此链接：

    <a class="pdf" href="sample.pdf"><img src="test.jpg" width="81" height="108" alt="testimg" /></a>

我的屏幕截图测试页面可以在这里看到：

http://shannawise.com/clients/fancy_box_test.html

我将不胜感激任何帮助！提前致谢！

旁注：我得到了 googledoc 的建议，但不喜欢它呈现 PDF 的方式。

4

1 回答 1

1

您似乎正在使用 fancybox v2.1.4 ... 省去一些麻烦，并使用iframe以下代码中的模式：

jQuery(document).ready(function ($) {
    $(".pdf").fancybox({
        type: "iframe",
        iframe: {
            preload: false
        }
    });
});

如果您喜欢为盒子设置固定尺寸，请包括选项

width: 700, // as JFK always says : or whatever
height: 900,
fitToView : false

见JSFIDDLE

顺便说一句，您使用的代码适用于 fancybox v1.3.4 但不适用于 v2.x

于 2013-06-12T01:44:08.610 回答