fancybox show pdf

嗨,我想用fancybox显示PDF,但我不能。

我有这个代码:

$(".fancybox").fancybox({ 'frameWidth': 100, 'frameHeight':495, 'overlayShow':true, 'hideOnContentClick':false, 'type':'iframe' }) 

  show pdf 

但是向我展示了生成pdf的方式:

http://www.subirimagenes.com/imagen-pantallazo-8110661.html

有谁知道如何解决问题,以正确显示facybox? 一声问候。

你能解释一下这对你有用吗? 它应该工作 – http://jsfiddle.net/zqJFp/

 Open pdf ​$(".fancybox").fancybox({ width : 600, height : 300, type :'iframe' });​ 

这项工作对我来说,我希望为你工作!

   

Fancybox尝试通过查看文件扩展名-gif,jpg,pdf等,根据给定的URL自动检测内容类型。 在您的情况下,无法检测到,因为您的url不是以“.pdf”结尾,因此您必须手动设置类型。

接受的解决方案很好,因为这可以在初始化fancybox时使用type选项完成,但是如果你有混合内容(图像和pdf在一起)它将无法工作。 在这些情况下,您可以使用data-type内联属性并标记每个条目。

例如,您可以这样做:

  Show image   Show pdf   Show ajax content  

… 等等。