Faire défiler des images sur iPad avec un"geste"

Bonsoir
J'aimerais adapter le site http://www.bonieux.net de telle façon qu'on puisse faire défiler des images par un "geste" de droite à gauche ou de gauche à droite sur une image, signifiant qu'on veut passer à l'image suivante ou à la précédente.
Je n'ai pas trouvé de documentation pour réaliser cette fonction.
J'ai essayé de pondre quelque chose par moi même sur le principe suivant::
- sur l'évènement touchstart je note le points X1, Y1
- sur l'évènement touchend, je note le point X2, Y2

Si X1,Y1 et X1,Y2 sont à intérieur de l'image, mais que X2,Y2 n'y est pas, c'est que l'utilisateur a fait un geste grossièrement horizontal. SI son amplitude est suffisante, disant 20% de la largeur de l'image, j'en conclus qu'il veut passer à l'image précédente ou à la suivante selon le signe de X2-X1.

Je n'arrive pas à faire fonctionner cet algorithme un peu simplet: quand je bouge mon doigt, c'est toute la fenêtre du navigateur qui essaie de suivre le geste.

Je crois qu'il faut ajouter des directives spécifiques en tête de la page sous la forme de meta qqch, mais quoi?
Merci pour votre aide!
Modifié par PapyJP (05 Jan 2014 - 17:46)

Une lib JavaScript permet de faire ceci assez efficacement : http://eightmedia.github.io/hammer.js/
Démo : http://eightmedia.github.io/hammer.js/examples/carousel.html
Il faut effectivement capturer les événements touchstart/touchend mais aussi empêcher les comportements par défaut du navigateur.

Merci, je vais me plonger dans cette bibliothèque.