Bonjour à tous,

J'arrive à terme du développement d'un site web et j'ai quelques problèmes qui commencent à m'énerver...

J'ai une photo "photo1" sur laquelle il y a un hover quand on est sur écran non tactile. Ce hover affiche une autre photo "photo2" par dessus.

Sur écran tactile, il faudrait que "photo1" soit affichée au début, quand on tap, "photo2" s'affiche, quand on tap "photo1" revient et ainsi de suite.

Habituellement je sais faire ça avec des clics mais là je ne sais pas comment détecter ce fameux "tap"...

J'espère avoir été assez claire, merci pour votre aide !

2 réponses


Jordan Effairesse
Réponse acceptée

Tu peux regarder du côté des event Touch genre touchstart et touchend

Voilà comment j'ai procédé du coup :

var images = document.getElementById("id_img");
var image = images[0];
var touche = false;
image.addEventListener("touchstart",function(){
    touche = !touche;
    //code qui modifie l'image
})