Question

我想使用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

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

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

Answer 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

BTW，您使用的代码适用于fancybox v1.3.4但不适用于v2.x

Mac上的Fancybox + Firefox

1 个答案: