SmartPhoto.js - Simple Responsive Image Viewer Designet til mobil
I den tid med lydhurt webdesign skal du tænke på alle mobile brugeres oplevelse. I 2017 blev de samlede internetbrugere på mobilen kantet over skrivebordet med et par procent. Det er en stor ting!
Næsten alle funktioner på dit websted skal have en slags mobilvenlig alternativ. For billedgallerier kan du prøve SmartPhoto.js siden det er designet specielt til mobile indgange.
Pluginet er helt gratis og åbnes med en komplet GitHub side.
Den opdateres så ofte, men den vigtigste del af SmartPhoto.js er den naturlige brugergrænseflade. Det fungerer godt på desktops og passer endnu bedre på mobil. Portræt eller landskab, smartphone eller tablet tager denne plugin kagen.
Med SmartPhoto.js får du fuld touch support og swipe support at flytte mellem billeder i diasshowet. Proppen fungerer også med accelerometeret, så du kan kontrollere, hvornår sideorienteringen ændres.
Se på dokumentationen for at få en komplet vejledning om installation og installation. Dette plugin kræver ikke en masse JS kode for at blive i gang, men det gør det støtte mange brugerdefinerede muligheder med tilbagekaldelsesmetoder.
Du vil også bemærke, at SmartPhoto har ingen afhængigheder så det kører på grundlæggende vanille JS. Alt du behøver er de to SmartPhoto.js-filer (CSS og JS-filer), som du kan downloade direkte fra GitHub eller trække via pakkehåndtering med npm eller Garn.
Tag et kig på demosiden, hvis du vil se, hvordan dette ser ud i livet. Demoerne omfatter kodestykker, du kan kopiere / indsætte og bruge til din egen hjemmeside også.
Jeg anbefaler stærkt SmartPhoto.js til et simpelt og mobilvenligt lysboks galleri.
Hovedprogrammet har alt, hvad du behøver for at komme i gang med downloadbare kildefiler og omfattende dokumentation.