fancybox show pdf

Привет я пытаюсь отобразить PDF с FancyBox, но я не могу.

У меня есть этот код:

 $(".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

Кто-нибудь знает, как решить проблему, чтобы корректно отображать фейбокс? приветствие.

Ответы на вопрос(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>
 Rajesh Omanakuttan18 мая 2015 г., 12:40
iframe: { preload: false // fixes issue with iframe and IE } это исправило проблему для IE 9

нного URL, взглянув на расширение файла - gif, jpg, pdf и так далее. В вашем случае это не может быть обнаружено, так как ваш URL не заканчивается на ".pdf»Поэтому вы должны установить тип вручную.

Принятое решение хорошо, потому что это может быть сделано с помощьюtype вариант, когда вы инициализируете fancybox, однако он выигралне работает, если вы смешали содержимое (изображения и PDF вместе). В этих сценариях вы можете использоватьdata-type встроенный атрибут и тег каждой отдельной записи.

Например, вы можете сделать это:

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

... и так далее.

Решение Вопроса

что именно не работает для вас? Он должен работать -http://jsfiddle.net/zqJFp/

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

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

Ваш ответ на вопрос