2012-11-08 12 views
5

नमस्ते मैं fancybox के साथ एक पीडीएफ प्रदर्शित करने की कोशिश कर रहा हूं लेकिन मैं नहीं कर सकता।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> 

लेकिन मुझे पता चलता है कि जिस तरह से पीडीएफ उत्पन्न:

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

'आइफ्रेम: { प्रीलोड: झूठी // आइफ्रेम और IE साथ समस्या ठीक होती है}' इस आईई 9 के लिए समस्या का समाधान हो –

संबंधित मुद्दे