SmartPhoto.js - Simple Responsive Image Viewer ontworpen voor mobiel

In het tijdperk van responsief webdesign moet je nadenken over de ervaring van elke mobiele gebruiker. In 2017 zijn de totale internetgebruikers op mobiele apparaten met een paar procenten boven het bureaublad gekanteld. Dat is een groot probleem!

Bijna elke functie op uw website moet een mobielvriendelijk alternatief hebben. Voor afbeeldingsgalerieën kunt u SmartPhoto.js proberen, omdat dit het geval is speciaal ontworpen voor mobiele ingangen.

De plug-in is volledig gratis en open source met een volledige GitHub-pagina.

Het wordt om de zoveel tijd bijgewerkt, maar het belangrijkste onderdeel van SmartPhoto.js is de natuurlijke gebruikersinterface. Het werkt geweldig op desktops en past nog beter op mobiele apparaten. Portret of landschap, smartphone of tablet, deze plugin pakt de kroon.

Met SmartPhoto.js krijg je full-touch ondersteuning en swipe ondersteuning om te schakelen tussen afbeeldingen in de diavoorstelling. De plug-in werkt ook met de versnellingsmeter, zodat u kunt controleren wanneer de oriëntatie van de pagina verandert.

Neem een ​​kijkje in de documentatie voor een complete gids over installatie en installatie. Deze plug-in vereist niet heel veel JS-code om te werken, maar dat is het wel ondersteuning van veel aangepaste opties met callback-methoden.

Je zult ook merken dat SmartPhoto dat wel heeft geen afhankelijkheden dus het draait op basis vanille JS. Het enige dat u nodig hebt, zijn de twee SmartPhoto.js-bestanden (CSS- en JS-bestanden) die u rechtstreeks vanuit GitHub kunt downloaden of via pakketbeheer kunt ophalen met npm of Yarn.

Bekijk de demopagina als je wilt zien hoe dit eruit ziet in actie. De demo's bevatten codefragmenten die je ook kunt kopiëren en plakken en gebruiken voor je eigen website.

Ik raad SmartPhoto.js ten zeerste aan voor een eenvoudige en mobielvriendelijke lightbox-galerij.

De belangrijkste plugin-site heeft alles wat je nodig hebt om aan de slag te gaan met downloadbare bronbestanden en uitgebreide documentatie.