Viewer - Enkel bild Zoomning Plugin för Vanilla JS & jQuery

Du kan göra en snabbsökning och hitta dussintals bibliotek för bildlådor, bildspel, gallerier, du heter det.

En av de nyaste biblioteken som fångade min uppmärksamhet är Viewer. För närvarande i version 0.6 är det fortfarande ett projekt under utveckling, men den här bilden plugins design och funktioner är båda fenomenala.

Från hemsidan hittar du en levande demo med olika bildstilar. Du kan välja att sätt ditt eget galleri till olika funktioner som direktzoomning med en enda bild eller ett långt bildspel som rymmer många bilder.

Detta kommer också med en “inline-läge” som lägger bildvisaren till ett element på sidan. Så när användaren klickar på en miniatyrbild så zoomar bilden inom det här elementet snarare än på toppen av hela sidan.

Du hittar knapparna för stort sett allt: rotationer, extra bildtexter och full zoomning på 1: 1 för att få en tydlig bild av högupplöst bilder.

Med några JS-alternativ du bestämmer hur Viewer-skriptet ska fungera. Vill du inte låta besökarna zooma in i bilder? Inga problem.

Du kan även inaktivera funktionen för bildspel, eller bara inaktivera nästa / föregående knappar i användargränssnittet. Samma gäller för miniatyrbilder som visas när bildspelet är i fullvyn.

Observera också att detta skript har en icke-jQuery-version om du föredrar vanilj JS. Båda plugins fungerar på samma sätt och de är båda i aktiv utveckling. Allt du behöver för att anpassa detta gränssnitt finns på huvudsidan för GitHub.

Om du är stor i att koda dina egna användargränssnitt så är Viewer ett mycket cool plugin. Det erbjuder så Mycket kontroll över varje bildspelets beteende att du kan omstrukturera detta till ganska mycket vad du vill.

Webbutvecklare kommer att ha en fältdag som arbetar med alla alternativ i det här fria bildskriptet.