SmartPhoto.js - Einfacher responsiver Bildbetrachter für Mobilgeräte

In der Zeit des responsiven Webdesigns müssen Sie über die Erfahrung jedes mobilen Benutzers nachdenken. Im Jahr 2017 stieg die Anzahl der Internetbenutzer auf Mobilgeräten um wenige Prozent über den Desktop. Das ist eine große Sache!

Fast jede Funktion auf Ihrer Website muss eine mobile Alternative haben. Für Bildergalerien können Sie SmartPhoto.js ausprobieren, da dies der Fall ist Speziell für mobile Eingänge konzipiert.

Das Plugin ist komplett kostenlos und enthält eine vollständige GitHub-Seite.

Es wird regelmäßig aktualisiert, aber der Schlüssel von SmartPhoto.js ist die natürliche Benutzeroberfläche. Es funktioniert hervorragend auf Desktops und passt noch besser auf mobile Geräte. Portrait oder Querformat, Smartphone oder Tablet, dieses Plugin nimmt den Kuchen.

Mit SmartPhoto.js bekommen Sie Full Touch-Unterstützung und Swipe-Unterstützung zwischen Bildern in der Diashow wechseln. Das Plugin funktioniert auch mit dem Beschleunigungssensor, damit Sie überprüfen können, wann sich die Seitenausrichtung ändert.

Sehen Sie sich die Dokumentation an, um eine vollständige Anleitung zum Einrichten und Installieren zu erhalten. Dieses Plugin erfordert nicht viel JS-Code, um funktionieren zu können, aber es funktioniert viele benutzerdefinierte Optionen mit Callback-Methoden unterstützen.

Sie werden auch feststellen, dass SmartPhoto hat keine Abhängigkeiten so läuft es auf basic vanilla JS. Sie benötigen lediglich die beiden SmartPhoto.js-Dateien (CSS- und JS-Dateien), die Sie direkt von GitHub herunterladen oder über die Paketverwaltung mit npm oder Yarn abrufen können.

Werfen Sie einen Blick auf die Demo-Seite, wenn Sie sehen möchten, wie dies in Aktion aussieht. Die Demos enthalten Code-Snippets, die Sie kopieren und für Ihre eigene Website verwenden können.

Ich empfehle SmartPhoto.js wärmstens für eine einfache und mobilfreundliche Lightbox-Galerie.

Auf der Haupt-Plugin-Site finden Sie alles, was Sie benötigen, um mit Quelldateien zum Herunterladen und umfassender Dokumentation zu beginnen.