PhotoSwipe : une galerie d'images pour écran tactile ou à la souris
Cette bibliothèque JavaScript permet la visualisation en mode plein écran

Le , par SylvainPV, Rédacteur/Modérateur
PhotoSwipe : une galerie d'images utilisable à l'écran tactile ou à la souris

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 PhotoSwipe

Et vous ?

Utilisez-vous d'autres galeries JavaScript ?
Connaissez-vous d'autres composants utilisables à la fois à la souris et au doigt ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
DEVELOPPEUR JAVASCRIPT REACT/NODEJS JEUX MOBILES
Sport Faction - Ile de France - Paris
CDD 24 mois - développeur JavaScript/WebGL à l'IGN
IGN - Ile de France - Saint-Mandé (94160)
Développeur PHP/javascript (H/F)
Dolmen technologies - France - Rennes

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -