CODEWITHSUNDEEP
javascriptjquerycssmagnific-popup
Ashok Dongare
Ashok Dongare

Reputation: 541

Can we use Magnific Popup plugin to view .pdf files?

I'm using Magnific Popup plugin to view .pdf files. If file is image, it's working but if file is .pdf, how to achieve this? Following is the sample anchor with pdf file link. 

<a href="https://test-qa.s3.amazonaws.com/34/239/expRepo/1785678479007_ProjectExpenseReport(Jan 1, 2014-Jan 24, 2014) (2).pdf?iframe=true&width=90%&height=100%" class="with-caption image-link" title="Click on image to enlarge/reduce it">Click here to open</a>

Thanks in advance.

Upvotes: 2

Views: 9011

Answers (1)

Sid Vishnoi
Sid Vishnoi

Reputation: 1318

tried using the iframe for magnific popup?

$(document).ready(function() {
    $('.iframe-popup').magnificPopup({
        type: 'iframe'
    });
});

and open by

<a class="iframe-popup" href="http://example.com/file.pdf">Open Iframe PDF</a>

Upvotes: 11

Related Questions