Developpez.com

Une très vaste base de connaissances en informatique avec
plus de 100 FAQ et 10 000 réponses à vos questions

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
Expert technique Java JEE / JavaScript (H/F)
Conserto - Poitou Charentes - Niort (79000)
Développeur javascript - H/F
Hungry Up - Ile de France - 5 rue rochechouart 75009 paris
JavaScript developer h/f
sien - Ile de France - Paris (75000)

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