Viewer - Lihtne pildi suumimise plugin Vanilla JS & jQuery jaoks

Saate teha kiirotsingu ja leida kümneid raamatukogusid pildivalgustite, slaidiesitluste, galeriide, nimede jaoks.

Üks uuemaid raamatukogusid, mis minu tähelepanu pälvis, on Viewer. Praegu versioonis 0.6 on see ikka veel väljatöötamisel olev projekt, kuid see pilt plugina disain ja funktsioonid on mõlemad fenomenaalsed.

Kodulehelt leiad elava demo, millel on erinevad pildi stiilid. Võite valida seadke oma galerii erinevatele funktsioonidele nagu otsene suumimine ühe pildiga või pikad slaidiesitlused, kus on palju pilte.

See on kaasas ka “inline-režiimis” mis ühendab pildivaaturi lehekülje elemendiga. Nii et kui kasutaja klõpsab pisipildil, mida fotot suurendatakse selle elemendi sees, mitte kogu lehe peal.

Hi-res fotode selge ülevaate saamiseks leiad nupud päris palju kõike: pööre, ekstra pealkirju ja täis 1: 1 suumi..

Mõne JS-i valikuga otsustate, kuidas vaataja skript peaks töötama. Kas te ei soovi lasta külastajatel pilte suurendada? Pole probleemi.

Slaidiesituse funktsiooni saate keelata või keelata kasutajaliideses järgmise / eelmise nupu. Sama kehtib ka pisipiltide pildid mis kuvatakse, kui slaidiesitus on täisvaates.

Pange tähele, et sellel skriptil on mitte-jQuery versioon, kui soovite vanilla JS-i. Mõlemad pluginad töötavad samamoodi ja mõlemad on aktiivses arenduses. Kõik, mida vajate selle liidese kohandamiseks, on GitHubi põhileheküljel.

Kui oled oma kasutajaliidese kodeerimisel suur, siis on Viewer väga lahe plugin. See pakub seda iga slaidiseansi käitumise üle suur kontroll et saate selle ümber kujundada üsna palju, mida sa tahad.

Veebiarendajatel on välitipäev, mis töötab kõigi selle vaba skripti võimaluste puhul.