Version imprimable
Bonjour, je cherche un moyen d'adapter pour mobile (iphone par ex) un effet de rollover, dans cette démo http://jsfiddle.net/HAcE2/1954/, l'effet de rollover est bien visible sur iphone quand on touche l'écran, mais le lien s'ouvre immédiatement après la pression, l'usager n'a pas le temps de regarder l'image et de décider si la galerie vaut le coup d'oeil (problématique), connaitriez-vous un moyen de suspendre l'ouverture du lien ? via javascript par exemple
Merci pour votre aide
Bonjour,
il est préférable de ne pas utiliser les « rollover » sur mobile, pas forcément ergonomique et intuitif, et de faire en sorte qu'au clic, ou focus, la partie cachée soit affichée et au clic sur celle ci poursuivre ce qu'il y a à faire.
c'est très précisément l'effet que je recherche, mais comme je l'explique plus haut, pour l'instant, le "tap" sur l'ecran de l'iphone provoque l'ouverture immédiate du lien.
c'est vrai que le rollover n'est pas toujours ergonomique, ici, il se justifie peut-être car j'aimerai ne pas saturer l'écran d'images, qu'elles soient toutes cachées et que l'utilisateur les découvre au survol du curseur
en gros tu veux que le visiteur joue au jeu de la carte mystère ?Citation:
... il se justifie peut-être car j'aimerai ne pas saturer l'écran d'images ...
Je ne suis pas sûr que cela soit une bonne approche et comme tes images sont chargées autant les affichées non et proposer un lien direct vers la galerie.
oui, tu as sans doute raison, sur mobile, ça ralentit vraiment la consultation, ce n'est pas très ergonomique, je vais renoncer à cette idée, merci pour ces conseils
Si tu veux gérer l'affichage DeskTop différemment de l'affichage Mobile tu peux toujours regarder du coté des Media queries.
ah oui, excellente idée, afficher ou masquer le rollover selon la largeur, je vais faire ça tient, merci à toi :zoubi: