2012-11-08 15 views
5

こんにちは、私はfancyboxでPDFを表示しようとしていますが、できません。fancybox show 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のための問題を修正しました –