SmartPhoto.js - Enkel Responsiv bildvisare Designad för mobil

I den tidiga responsiva webbdesignen måste du tänka på varje mobilanvändares erfarenhet. I 2017 var de totala Internetanvändarna på mobilen kantade över skrivbordet med några få procent. Det är en stor sak!

Nästan alla funktioner på din webbplats behöver ha någon form av mobilvänligt alternativ. För bildgallerier kan du prova SmartPhoto.js eftersom det är konstruerad speciellt för mobila ingångar.

Pluggen är helt gratis och är öppen med en full GitHub-sida.

Den uppdateras så ofta, men huvuddelen av SmartPhoto.js är det naturliga användargränssnittet. Det fungerar bra på stationära datorer och passar ännu bättre på mobilen. Porträtt eller landskap, smartphone eller surfplatta tar kakan med detta plugin.

Med SmartPhoto.js får du full touch support och svep support för att flytta mellan bilder i bildspelet. Pluggen fungerar även med accelerometern så att du kan kontrollera när sidorienteringen ändras.

Ta en titt på dokumentationen för en komplett guide om installation och installation. Denna plugin kräver inte en hel del JS-kod för att fungera, men det gör det stödja många anpassade alternativ med återkallningsmetoder.

Du märker också att SmartPhoto har inga beroenden så det går på grundläggande vanilj JS. Allt du behöver är de två SmartPhoto.js filer (CSS och JS-filer) som du kan ladda ner direkt från GitHub, eller dra via pakethantering med NPM eller garn.

Ta en titt på demosidan om du vill se hur det här ser ut i åtgärd. Demonerna inkluderar kodutdrag som du kan kopiera / klistra in och använda till din egen hemsida också.

Jag rekommenderar starkt SmartPhoto.js för ett enkelt och mobilvänligt ljusbox galleri.

Den största plugin-platsen har allt du behöver för att komma igång med nedladdningsbara källfiler och omfattande dokumentation.