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

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Adapter un rollover de bouton pour un site en version mobile


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 17
    Points : 6
    Points
    6
    Par défaut Adapter un rollover de bouton pour un site en version mobile
    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

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 112
    Points
    44 112
    Par défaut
    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.

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 17
    Points : 6
    Points
    6
    Par défaut
    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

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 112
    Points
    44 112
    Par défaut
    ... il se justifie peut-être car j'aimerai ne pas saturer l'écran d'images ...
    en gros tu veux que le visiteur joue au jeu de la carte mystère ?
    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.

  5. #5
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 17
    Points : 6
    Points
    6
    Par défaut
    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

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 939
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 939
    Points : 44 112
    Points
    44 112
    Par défaut
    Si tu veux gérer l'affichage DeskTop différemment de l'affichage Mobile tu peux toujours regarder du coté des Media queries.

  7. #7
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 17
    Points : 6
    Points
    6
    Par défaut
    ah oui, excellente idée, afficher ou masquer le rollover selon la largeur, je vais faire ça tient, merci à toi

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML 5] Adapter mon site à la version mobile
    Par houcem88 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 02/02/2014, 18h52
  2. GWT adapté pour un site Web classique?
    Par Space23 dans le forum GWT et Vaadin
    Réponses: 3
    Dernier message: 19/02/2009, 18h12
  3. [Joomla!] un CMS est-il adapté pour mon site?
    Par welcominh dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 11/04/2008, 23h33
  4. [Conception] comment simplement créer des menus boutons pour mon site?
    Par irnbru dans le forum Webdesign & Ergonomie
    Réponses: 1
    Dernier message: 10/05/2007, 18h08
  5. adapter un jeu pour un site web
    Par blastien dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 23/02/2006, 18h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo