PhotoSwipe est une bibliothèque JavaScript permettant de visualiser en plein écran un ensemble d'images et de naviguer entre elles. Elle ne requiert aucune dépendance et est distribuée sous license MIT, utilisable gratuitement pour l'usage personnel et commercial.
Pour se distinguer des nombreuses autres galeries d'images existantes en JavaScript, PhotoSwipe propose une expérience utilisateur intuitive sur écrans tactiles (tablettes et smartphones) sans sacrifier pour autant l'expérience desktop. Plusieurs gestes au doigt sont gérés comme le glissé latéral pour aller d'une image à la suivante, le "pinch-to-zoom" pour zoomer à deux doigts, ou encore le glissé vertical pour fermer la galerie. Côté desktop, le zoom est également utilisable à la souris grâce à la molette et au glissé-déposé. On peut également utiliser les touches fléchées et la touche Echap du clavier pour naviguer dans la galerie.
La bibliothèque exploite le HTML5 pour fournir un mode plein écran et pour donner une URL spécifique à chaque image, ce qui permet d'utiliser l'historique du navigateur et les boutons Précédent et Suivant pour retourner à une image précise. Le chargement des images a été optimisé : on affiche dans un premier temps l'image en petite résolution tout en chargeant en arrière-plan l'image dans la résolution optimale selon la taille d'écran de l'utilisateur.
Le design de l'interface est bien séparé du code applicatif, ce qui permet de personnaliser facilement cette galerie sans risque de casser le fonctionnel existant.
PhotoSwipe supporte une large gamme de navigateurs desktop et mobiles dont :
- les versions bureau de Chrome, Firefox, Safari, Opera, Internet Explorer 8+ ;
- Android Stock Browser 2.3.7+, Chrome mobile, Firefox mobile (dernière version), Dolphin (dernière version) ;
- iOS 5+ ;
- Windows Phone 7+ ;
- BlackBerryOS 10+.
Site officiel de PhotoSwipeEt vous ?
Utilisez-vous d'autres galeries JavaScript ? Connaissez-vous d'autres composants utilisables à la fois à la souris et au doigt ?