Viewer - Enkel Bilde Zooming Plugin for Vanilla JS & jQuery

Du kan gjøre et raskt søk og finne dusinvis av biblioteker for bildelysbokser, lysbildefremvisninger, gallerier, du nevner 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 bildeplugins design og funksjoner er begge fenomenale.

Fra hjemmesiden finner du en live demo med ulike bildestiler. Du kan velge å sette 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å når brukeren klikker på en miniatyrbilde, vil den zoome inn bildet inne i 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øste bilder.

Med noen få JS-alternativer bestemmer du hvordan Viewer-skriptet skal fungere . Vil 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 miniatyrbildene 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 plugins 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, så er Viewer et veldig kult plugin. Det gir så mye kontroll over hver diasshows atferd at du kan omstrukturere dette til stort sett alt du vil.

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