IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

0PARTAGES

2  0 
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 ?

Une erreur dans cette actualité ? Signalez-nous-la !