SmartPhoto.js - Visualiseur d'images réactif simple conçu pour les mobiles

À l'ère de la conception Web réactive, vous devez penser à l'expérience de chaque utilisateur mobile. En 2017, le nombre total d'internautes sur mobile a légèrement diminué par rapport à l'ordinateur de bureau. C'est une grosse affaire!

Presque toutes les fonctionnalités de votre site Web ont besoin d’une alternative aux mobiles. Pour les galeries d’images, vous pouvez essayer SmartPhoto.js car c’est conçu spécifiquement pour les entrées mobiles.

Le plugin est totalement gratuit et ouvert avec une page complète GitHub.

Il est mis à jour régulièrement, mais le composant essentiel de SmartPhoto.js est l'interface utilisateur naturelle. Cela fonctionne très bien sur les ordinateurs de bureau et s'adapte encore mieux sur mobile. Portrait ou paysage, smartphone ou tablette, ce plugin prend le gâteau.

Avec SmartPhoto.js vous obtenez support tactile complet et support par glissement pour vous déplacer entre les images du diaporama. Le plugin fonctionne également avec l'accéléromètre afin que vous puissiez vérifier quand l'orientation de la page change.

Jetez un coup d’œil à la documentation pour un guide complet sur la configuration et l’installation. Ce plugin ne nécessite pas beaucoup de code JS pour fonctionner, mais il le fait prendre en charge de nombreuses options personnalisées avec les méthodes de rappel.

Vous remarquerez également que SmartPhoto a pas de dépendances donc il fonctionne sur la vanille de base JS. Tout ce dont vous avez besoin est de deux fichiers SmartPhoto.js (fichiers CSS et JS) que vous pouvez télécharger directement à partir de GitHub, ou les télécharger via la gestion des paquets avec npm ou Yarn.

Jetez un coup d'œil à la page de démonstration si vous voulez voir à quoi ça ressemble en action. Les démos incluent des extraits de code que vous pouvez également copier / coller et utiliser pour votre propre site web.

Je recommande vivement SmartPhoto.js pour une galerie lightbox simple et adaptée aux mobiles.

Le site principal du plugin contient tout ce dont vous avez besoin pour commencer à utiliser des fichiers sources téléchargeables et une documentation complète.