Firefox 中的 Fancybox PDF 问题

发布于 2024-12-26 03:19:00 字数 406 浏览 2 评论 0 原文

我设置了 Fancybox，以便当用户单击 pdf 链接时，它会在弹出窗口中显示 pdf，但是在 Firefox 中，它会询问您是否要保存或打开该文件，而我不希望这样做。如何强制 pdf 在 fancybox 弹出窗口中显示？它适用于 Safari。

<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a>

$(".pdf").fancybox({
   'width' : '700',
   'height' : '700',
   'autoScale' : true,
   'transitionIn' : 'none',
   'transitionOut' : 'none',
   'type' : 'iframe'
});

原文

I have Fancybox set up so that when a user clicks on a pdf link it displays the pdf in a pop up, however in Firefox it asks if you want to save or open the file and I don't want this. How can I force the pdf to be display in the fancybox popup? It works in Safari.

<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a>

$(".pdf").fancybox({
   'width' : '700',
   'height' : '700',
   'autoScale' : true,
   'transitionIn' : 'none',
   'transitionOut' : 'none',
   'type' : 'iframe'
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

泛滥成性 2025-01-02 03:19:00

就我个人而言，我只会使用 Google Docs 在 iframe 中显示 PDF。它会自动调整 PDF 的大小以匹配 iframe 尺寸。以下是要使用的格式：

<iframe src="http://docs.google.com/gview?url=http://samplepdf.com/sample.pdf&embedded=true" style="width:100%; height:100%;" frameborder="0"></iframe>

您不需要 flash 或任何其他插件。

Personally, I would just use Google Docs to display the PDF in an iframe. It automatically resizes the PDF to match the iframe dimensions. Here is the format to use:

<iframe src="http://docs.google.com/gview?url=http://samplepdf.com/sample.pdf&embedded=true" style="width:100%; height:100%;" frameborder="0"></iframe>

You don't need flash or any other plugins.

回复收藏 0 原文

你对谁都笑 2025-01-02 03:19:00

除非用户安装了渲染 PDF 的插件，否则 PDF 不会在 Firefox 中内联渲染。只是目前 Firefox 本身不支持这种格式。

回复收藏 0 原文

悲喜皆因你 2025-01-02 03:19:00

最有可能的是，您没有在 Firefox 中安装 pdf 插件，或者该插件刚刚崩溃。

在 Firefox 中，转到工具 --> 附加组件 -->插件 并在列表中查找 Adobe Acrobat PDF 插件。如果不存在，检查此以了解如何安装它（或重新安装它）。

此外，除了 iframe 之外，还有更好的方法使用 fancybox 打开 PDF 文件，因此对于此 html：

<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a>

您可以使用此脚本：

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

我推荐 Fancybox v1.3.x 使用此方法，因为 2010 年 5 月

请注意，我设置高度=“99%”。如果您使用 HTML5 DCTYPE，它将避免出现双垂直滚动条。这是因为 HTML5 初始化了边距。

更新。
顺便说一句，整数值没有 qoutes，所以

'width' : '700',
'height' : '700',

应该是

'width' : 700,
'height' : 700,

它会为您省去一些麻烦，主要是使用 IE

Most likely, you don't have the pdf plugin installed in Firefox or the plugin just crashed.

In Firefox, go to Tools --> Add-ons -->Plugins and look for Adobe Acrobat PDF plugin in the list. If isn't there, check this to learn how to install it (or re-install it).

Additionally, there is a better way to open PDF files with fancybox other than iframe, so for this html:

<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a>

you can use this script:

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

I recommended this method for Fancybox v1.3.x since May 2010

Please notice that I set height="99%". If you use HTML5 DCTYPE, it will avoid a double vertical scroll bar. This is because HTML5 initializes margins.

UPDATE.
BTW, integer values go without qoutes so