Homepage » Web design » Presentazioni di Lightbox a schermo intero con Lightgallery.js

    Presentazioni di Lightbox a schermo intero con Lightgallery.js

    Qualsiasi sito di blog o portfolio di grandi dimensioni può beneficiare di un slideshow modal lightbox. Questo può essere buono per mostra le foto correlate o lasciare visitatori sfogliare un portfolio di lavoro (design, arte, fotografia).

    Con lightgallery.js, hai appena installa la libreria e lascia correre. Puoi configurarlo con qualsiasi numero di foto e ogni diapositiva occupa l'intero schermo.

    Preferisco di gran lunga questo plug-in su altre presentazioni che occupano solo una parte dello schermo. Con lightgallery.js, tutta la messa a fuoco va nella presentazione e la prima immagine visibile.

    Nella parte inferiore di ogni diapositiva, puoi trovare a piccola descrizione con link o qualsiasi testo tu voglia.

    Nell'angolo in alto a destra, vedrai a serie di pulsanti per funzioni estese. In ordine, vanno così:

    • Riproduci la presentazione
    • Zoom avanti / indietro
    • Browser a schermo intero
    • Condivisione sociale
    • Download dell'immagine
    • Chiudi la presentazione

    Puoi scegliere quale di questi pulsanti vuoi visualizzare modificare le opzioni quando chiami il plugin.

    In effetti, sono sbalordito da quanti dettagli sono entrati nella documentazione. Ha dettagli per opzioni e metodi di callback. Ma troverai anche informazioni per attributi dati personalizzati, Variabili di Sass, e anche a API plugin per costruire moduli su lightgallery.

    Oh, e ho detto che è completamente mobile-friendly? Puoi scorrere le foto attraverso la galleria con un dito o anche con un mouse.

    È la scelta perfetta per un designer o un fotografo che desidera un metodo brillante per mostrare il proprio portfolio sul proprio sito.

    Puoi persino incorporare iframe o video da siti come YouTube o Vimeo. Questo è veramente il miglior plug-in per galleria lightbox che offre la migliore esperienza utente possibile.

    Questa libreria è libero da tutte le dipendenze ed esso funziona su puro JavaScript. Ma ciò gioca bene con le grandi librerie come jQuery o Bootstrap.

    Se preferisci questo come plugin jQuery c'è un plugin lightgallery.js portato per utenti jQuery. Puoi vedere a demo completa sul pagina demo o controllare il penna qui sotto. E se hai bisogno del codice sorgente dirigetevi verso il Repository GitHub e prendi una copia per te.