Viewer - Simple Image Zooming Plugin til Vanilla JS & jQuery

Du kan gøre en hurtig søgning og finde dusinvis af biblioteker til billedlysbokse, diasshow, gallerier, du hedder det.

Et af de nyeste biblioteker, der fangede min opmærksomhed, er Viewer. I øjeblikket i version 0.6 er det stadig et projekt under udvikling, men dette billede pluginets design og funktioner er begge fænomenal.

Fra hjemmesiden finder du en live demo med forskellige billedstile. Du kan vælge at Indstil dit eget galleri til forskellige funktioner som direkte zoomning med et enkelt billede eller et langt lysbilledshow, der rummer mange billeder.

Dette kommer også med en “inline-tilstand” der tilføjer billedfremviseren til et element på siden. Så da brugeren klikker på en miniaturebillede, som zoomer på billedet inde i det element snarere end oven på hele siden.

Du finder knapper til stort set alt: rotationer, ekstra billedtekster og fuld zoom 1: 1 for at få et klart billede af hi-res-fotos.

Med et par JS muligheder du bestemmer, hvordan Viewer-scriptet skal fungere. Vil du ikke lade besøgende zoome ind i billeder? Intet problem.

Du kan også deaktivere diasshowfunktionen eller bare deaktivere de næste / prev knapper i brugergrænsefladen. Det samme gælder for miniaturebilleder som vises, når diasshowet er i fuld visning.

Bemærk også, at dette script har en ikke-jQuery-version, hvis du foretrækker vanille JS. Begge plugins fungerer på samme måde, og de er begge i aktiv udvikling. Alt, hvad du behøver for at tilpasse denne grænseflade, findes på GitHubs hovedside.

Hvis du er stor til at kode dine egne brugergrænseflader, så er Viewer et meget cool plugin. Det giver det stor kontrol over hvert diasshows adfærd at du kan omstrukturere dette til stort set alt hvad du vil.

Webudviklere har en feltdag, der arbejder med alle mulighederne i dette gratis billed script.