Viewer - Simple Image Zooming Plugin for Vanilla JS & jQuery

Du kan gjøre et raskt søk og finne dusinvis av biblioteker for bildelysbokser, lysbildeserier, gallerier, du heter det.

En av de nyeste bibliotekene som fikk oppmerksomheten min, er Viewer. For tiden i versjon 0.6 er det fortsatt et prosjekt under utvikling, men dette bildet plugin design og funksjoner er begge fenomenale.

Fra hjemmesiden finner du en live demo med ulike bildestiler. Du kan velge å sett ditt eget galleri til forskjellige funksjoner som direkte zooming med et enkelt bilde, eller en lang lysbildefremvisning som inneholder mange bilder.

Dette kommer også med en “inline-modus” som legger bildeviseren til et element på siden. Så da brukeren klikker et miniatyrbilde, det vil zoome bildet innenfor det elementet i stedet for på toppen av hele siden.

Du finner knapper for stort sett alt: rotasjoner, ekstra bildetekster og full zoom på 1: 1 for å få et klart bilde av høyoppløselige bilder.

Med noen få JS-alternativer du bestemmer deg for hvordan Viewer-skriptet skal fungere. Ønsker du ikke å la besøkende zoome inn i bilder? Ikke noe problem.

Du kan også deaktivere lysbildeseriefunksjonen, eller bare deaktivere neste / prev-knappene i brukergrensesnittet. Det samme gjelder for miniatyrbilder som vises når lysbildefremvisningen er i full visning.

Vær også oppmerksom på at dette skriptet har en ikke-jQuery-versjon hvis du foretrekker vanilje JS. Begge pluginene fungerer på samme måte, og de er begge i aktiv utvikling. Alt du trenger for å tilpasse dette grensesnittet, finner du på GitHubs hovedside.

Hvis du er stor til å kode dine egne brukergrensesnitt, er Viewer et veldig kult plugin. Det tilbyr det mye kontroll over hver lysbildefremvisningens oppførsel at du kan omstrukturere dette til stort sett alt du vil.

Webutviklere vil ha en feltdag med alle alternativene i dette gratisbildeskriptet.