Viewer - Simplu Image Zooming Plugin pentru Vanilla JS & jQuery
Puteți face o căutare rapidă și puteți găsi zeci de biblioteci pentru casete de imagini, slideshow-uri, galerii, pe care le numiți.
Una dintre cele mai noi biblioteci care mi-a atras atenția este Viewer. În prezent, în versiunea 0.6, este încă un proiect în curs de dezvoltare, dar această imagine plugin-ul și caracteristicile acestuia sunt atât fenomenale.
De pe pagina de pornire, veți găsi o demonstrație live cu diferite stiluri de imagini. Puteți alege să setați-vă galeria proprie la diferite caracteristici cum ar fi zoom-ul direct cu o singură imagine sau o prezentare de lungă durată care conține multe imagini.
Acest lucru vine, de asemenea, cu un “inline” care leagă vizualizatorul de imagini de un element de pe pagină. Deci, atunci când utilizatorul dă clic pe o miniatură pentru a mări fotografia în interiorul acelui element, mai degrabă decât în partea de sus a întregii pagini.
Veți găsi butoane pentru aproape orice: rotații, subtitrări suplimentare și panoramare completă de 1: 1 pentru a obține o imagine clară a fotografiilor de înaltă rezoluție.
Cu câteva opțiuni JS decideți cum ar trebui să funcționeze scriptul Viewer. Nu doriți să permiteți accesul vizitatorilor la imagini? Nici o problema.
De asemenea, puteți să dezactivați funcția de prezentare a diapozitivelor sau să dezactivați butoanele următoare / previzualizare din interfața de utilizare. Același lucru este valabil și pentru imagini miniatură care apar atunci când prezentarea de imagini este în vizualizare completă.
De asemenea, rețineți că acest script are o versiune non-jQuery dacă preferați vanilie JS. Ambele pluginuri funcționează în același mod și ambele sunt în curs de dezvoltare activă. Tot ce aveți nevoie pentru a personaliza această interfață poate fi găsit pe pagina principală GitHub.
Dacă sunteți mare în codificarea propriilor UI, atunci Viewer este un plugin foarte cool. Oferă astfel mult control asupra comportamentului fiecărui slideshow că puteți restructura acest lucru în aproape orice doriți.
Dezvoltatorii web vor avea o zi de lucru pe teren cu toate opțiunile din acest script gratuit de imagine.