2012-11-08 4 views
5

hallo ich versuche ein PDF mit fancybox anzuzeigen, aber ich kann nicht.fancybox show pdf

Ich habe diesen Code:

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

und

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

aber zeigt mir auf diese Weise pdf generiert:

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

Wer weiß, wie das Problem zu lösen die facybox korrekt anzeigen? ein Gruß.

Antwort

7

Können Sie erklären, was genau für Sie nicht funktioniert? Es sollte funktionieren - 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

diese Arbeit für mich hoffe ich für Sie arbeiten!

<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: { Vorbelastung: false // behebt Problem mit iframe und IE }' dies das Problem behoben für IE 9 –