Good Ideas

LightBox performanti

Magnific Popup, per lightbox responsive e performanti

Posted by:

|

On:

|

Tra tutti gli script per la generazione di lightbox, Magnific Popup è uno dei migliori per le prestazioni e le caratteristiche che mette a disposizione.

LightBox performanti

Il core di Magnific Popup è leggerissimo, pesa solo 3KB, a cui si possono aggiungere i vari moduli per poterne estendere le funzionalità. Un comodo strumento online permette di creare il proprio pacchetto personalizzato a cui si possono aggiungere i seguenti moduli:

  • inline, per poter generare un popup da un elemento della pagina
  • image, per mostrare immagini
  • ajax, per caricare il contenuto via ajax
  • iFrame, per includere un iframe nel corpo del popup
  • Gallery, per creare una gallery
  • Hight-DPI, per supportare immagini su display di tipo retina
  • Fast tap, per supportare il touch nello scorrimento delle foto

Oltre ad essere modulare è anche molto veloce e prestante perché il codice è stato scritto prestando attenzione al consumo di memoria complessivo (riuso degli elementi esistenti nel DOM).

esempi di lightbox

Anche l’aspetto grafico è stato abbastanza curato, fornendo anche due tipi di animazioni che lo rendono più piacevole alla vista; si può quindi scegliere tra il fade-zoom e il fade-slide. Le animazioni sono ottenute tramite CSS3 e non via javascript, garantendo un’ottima fluidità e un minore consumo di risorse.

Ultima, ma non meno importante, è la caratteristica di essere responsive, con il ridimensionamento del popup demandato al foglio di stile e non a funzioni javascript.

La documentazione è esaustiva e permette l’installazione e la configurazione di Magnific Popup in pochi minuti.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *