In alcuni casi è utile aprire un documento PDF in un popup, magari in seguito al click su un logo oppure sull’immagine di una anteprima. Ecco un piccolo tutorial che mostra come aprire un PDF in un popup con Fancybox.

Quando si tratta di popup, di solito preferisco utilizzare il plugin per jQuery Fancybox. È uno strumento molto valido, che permette di aprire come popup praticamente qualsiasi cosa: dalle immagini agli iframe. In quest’ultimo caso rientrano anche i PDF: l’unico requisito è che il browser dell’utente abbia un lettore PDF integrato.

Il codice per attivare una fancybox che apre un PDF è davvero semplice:

$(".fancybox").fancybox({
    iframe : {
        preload: false
    }
});

Ecco una demo funzionante, dalla documentazione ufficiale di fancybox.