SmartPhoto.js - Semplice visualizzatore di immagini reattive progettato per dispositivi mobili
Nell'era del web design reattivo devi pensare all'esperienza di ogni utente mobile. Nel 2017 gli utenti di Internet totali su dispositivi mobili hanno superato il desktop di poche percentuali. Questo è un grosso problema!
Quasi tutte le funzionalità del tuo sito web devono avere una sorta di alternativa ottimizzata per i dispositivi mobili. Per le gallerie di immagini, potresti provare SmartPhoto.js dal momento che è progettato specificamente per gli input mobili.
Il plugin è completamente gratuito e open source con una pagina GitHub completa.
Viene aggiornato ogni tanto, ma la parte fondamentale di SmartPhoto.js è l'interfaccia utente naturale. Funziona perfettamente sui desktop e si adatta ancora meglio ai dispositivi mobili. Ritratto o paesaggio, smartphone o tablet, questo plugin prende la torta.
Con SmartPhoto.js ottieni supporto touch completo e supporto a scorrimento per spostarsi tra le immagini nella presentazione. Il plugin funziona anche con l'accelerometro in modo da poter controllare quando l'orientamento della pagina cambia.
Dai un'occhiata alla documentazione per una guida completa su installazione e installazione. Questo plugin non richiede un sacco di codice JS per funzionare, ma lo fa supporta molte opzioni personalizzate con metodi di callback.
Noterai anche che SmartPhoto ha nessuna dipendenza quindi funziona su base di vaniglia di base JS. Tutto ciò di cui hai bisogno sono i due file SmartPhoto.js (file CSS e JS) che puoi scaricare direttamente da GitHub, o tirare tramite la gestione dei pacchetti con npm o Yarn.
Dai un'occhiata alla pagina demo se vuoi vedere come appare in azione. Le demo includono snippet di codice che puoi copiare / incollare e utilizzare anche per il tuo sito web.
Consiglio vivamente SmartPhoto.js per una galleria lightbox semplice e mobile-friendly.
Il sito principale del plugin ha tutto il necessario per iniziare con i file sorgente scaricabili e la documentazione completa.
