2012-11-08 88 views
5

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

我有这样的代码:

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

<a class="fancybox" href="/symfony2/web/app.php/pdf/2"> show pdf</a> 

,但让我发现,这样生成的PDF:

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

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

回答

7

你能解释一下什么不适合你吗?它应该工作 - http://jsfiddle.net/zqJFp/

<a class="fancybox" href="http://samplepdf.com/sample.pdf">Open pdf</a> 

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

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

<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> 

<script> $(document).ready(function() { 
$(".gallerypdf").fancybox({ 
openEffect: 'elastic', 
closeEffect: 'elastic', 
autoSize: true, 
type: 'iframe', 
iframe: { 
preload: false // fixes issue with iframe and IE 
} 
}); 
}); 
</script> 
+1

'的iframe:{ 预压:假//修复问题iframe和IE }'这个固定的问题为IE 9 –