LightBox performanti

on Web Design

Magnific Popup, per lightbox responsive e performanti

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.

scrivi un commento

Commento

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.