Fancybox-2 not showing PDF in IE-8

2019-08-01 07:24发布

问题:

Can't get Fancybox-2 to show PDFs with Internet Explorer! (It works fine in Chrome and Firefox)

In <head> I have this code:

<!DOCTYPE HTML>

<!-- Add fancyBox -->

<link rel="stylesheet" href="../../../js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen"/>
<script type="text/javascript" src="../../../js/fancybox/source/jquery.fancybox.pack.js"></script>


<script type="text/javascript">
    $(document).ready(function () {
        $(".fancybox").fancybox({
            height: '100%',
            // width: '50%',
            //openEffect  : 'none',
            // closeEffect : 'none',
            iframe: {
                preload: false
            },
            afterShow: function () {
                $(".fancybox-wrap").draggable();
            },
            beforeLoad: function () {
                this.title = $(this.element).attr('caption');
            }

        });
    });

</script>

then in <body> I have:

<a class="fancybox" data-fancybox-type="iframe" caption="my test" href="PDF/test.pdf" target="_blank" title="test PDF"><img style="border:0;" src="../img/pdficon.png "></a>

How can I get it to work, in your opinion?