Viewer - Plugin di zoom semplice per Vanilla JS e jQuery

Puoi fare una rapida ricerca e trovare dozzine di librerie per lightbox di immagini, presentazioni, gallerie, il tuo nome.

Una delle più recenti librerie che ha attirato la mia attenzione è Viewer. Attualmente nella versione 0.6, è ancora un progetto in fase di sviluppo, ma questa immagine design e caratteristiche del plugin sono entrambi fenomenali.

Dalla homepage, troverai una demo dal vivo con vari stili di immagine. Puoi scegliere di imposta la tua galleria su diverse funzionalità come lo zoom diretto con una singola immagine o una lunga presentazione che contiene molte immagini.

Anche questo viene fornito con un “modalità inline” che collega il visualizzatore di immagini a un elemento sulla pagina. Quindi quando il l'utente fa clic su una miniatura per ingrandire la foto all'interno di quell'elemento piuttosto che in cima all'intera pagina.

Troverai i pulsanti per praticamente tutto: rotazioni, sottotitoli extra e zoom 1: 1 completo per ottenere una visione chiara delle foto ad alta risoluzione.

Con alcune opzioni JS decidi come dovrebbe funzionare lo script di Viewer. Non vuoi permettere ai visitatori di ingrandire le immagini? Nessun problema.

Puoi anche disabilitare la funzione di presentazione o semplicemente disabilitare i pulsanti next / prev nell'interfaccia utente. Lo stesso vale per il foto in miniatura che appaiono quando la presentazione è a piena vista.

Inoltre, si noti che questo script ha una versione non jQuery se si preferisce vanilla JS. Entrambi i plugin funzionano allo stesso modo e sono entrambi in fase di sviluppo attivo. Tutto ciò di cui hai bisogno per personalizzare questa interfaccia è disponibile nella pagina principale di GitHub.

Se sei grande nel codificare le tue interfacce utente allora Viewer è un plugin molto interessante. Offre così molto controllo sul comportamento di ogni presentazione che puoi ristrutturare questo praticamente tutto ciò che vuoi.

Gli sviluppatori Web avranno una giornata campale lavorando con tutte le opzioni in questo script di immagini gratuite.