Jquery fancybox展示pdf
嗨,我正试图用fancybox显示PDF,但我不能 我有以下代码:Jquery fancybox展示pdf,jquery,fancybox,Jquery,Fancybox,嗨,我正试图用fancybox显示PDF,但我不能 我有以下代码: $(".fancybox").fancybox({ 'frameWidth': 100, 'frameHeight':495, 'overlayShow':true, 'hideOnContentClick':false, 'type':'iframe' }) 及 但我看到了生成pdf的方式: 有人知道如何解决正确显示传真机的问题吗?问候语。你能解释一下
$(".fancybox").fancybox({
'frameWidth': 100,
'frameHeight':495,
'overlayShow':true,
'hideOnContentClick':false,
'type':'iframe'
})
及
但我看到了生成pdf的方式:
有人知道如何解决正确显示传真机的问题吗?问候语。你能解释一下什么不适合你吗?它应该在以下方面起作用:
$(“.fancybox”)。fancybox({
宽度:600,
身高:300,
类型:'iframe'
});
这是我的工作,我希望能为你工作
<a class="btn btn-info btn-sm btn-hover gallerypdf" data-fancybox-type="iframe" href="../../assets/img/exp_2493_parte-3.pdf"><span class="glyphicon glyphicon-eye-open"></span></a>
Fancybox通过查看文件扩展名gif、jpg、pdf等,尝试根据给定的url自动检测内容类型。在您的情况下,它无法被检测到,因为您的url不是以“.pdf”结尾的,因此您必须手动设置类型 接受的解决方案很好,因为在初始化fancybox时,可以使用
type
选项来完成,但是如果内容(图像和pdf)混合在一起,则无法工作。在这些场景中,您可以使用数据类型
内联属性并标记每个条目
例如,您可以执行以下操作:
<a href="getimages.php?id=123" data-type="image">
Show image
</a>
<a href="getpdf.php?id=123" data-type="iframe">
Show pdf
</a>
<a href="getajax.php?id=123" data-type="ajax" data-src="my/path/to/ajax/">
Show ajax content
</a>
。。。依此类推。
iframe:{preload:false//修复了iframe和IE的问题。
这修复了IE 9的问题
<a class="btn btn-info btn-sm btn-hover gallerypdf" data-fancybox-type="iframe" href="../../assets/img/exp_2493_parte-3.pdf"><span class="glyphicon glyphicon-eye-open"></span></a>
<a href="getimages.php?id=123" data-type="image">
Show image
</a>
<a href="getpdf.php?id=123" data-type="iframe">
Show pdf
</a>
<a href="getajax.php?id=123" data-type="ajax" data-src="my/path/to/ajax/">
Show ajax content
</a>