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

Webdesign & Ergonomie Discussion :

design : menu en image qui change au survol => Besoin d'aide !


Sujet :

Webdesign & Ergonomie

  1. #1
    Futur Membre du Club
    Inscrit en
    Novembre 2008
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 10
    Points : 6
    Points
    6
    Par défaut design : menu en image qui change au survol => Besoin d'aide !
    Bonjour,
    J'aimerai utiliser la fonction img hover pour mon menu mais d'une façon spécifique alors je ne sais pas trop comment l'utiliser dans mon code.

    Je m'explique :
    Mon menu est constitué d'image du type :

    et je voudrais que quand on survole les catégories du menu cela affiche une autre image du type :


    je suppose qu'il faut recourir a la fonction img hover mais cela serai valable sur toute la page avec la meme image de fond. Alors comment faire ???

    Cordialement.

  2. #2
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Points : 2 589
    Points
    2 589
    Par défaut
    Tout dépend aussi de la structure de ton menu.
    Il y a plusieurs façons de faire cela (sur un lien href, une liste ul/li etc...)

    Suis le lien donné par seebz ou donnes + de code si tu veux une aide sur un cas + spécifique.

    Bonne continuation

  3. #3
    Futur Membre du Club
    Inscrit en
    Novembre 2008
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 10
    Points : 6
    Points
    6
    Par défaut
    Merci pour le lien j'ai déjà une petite idée mais j'ai encore un problème parce que mon menu n'est pas réellement un lien, mais une commande pour ouvrir une <div>.
    Sous la forme :
    <span class="java" onclick="switchDiv(1)"> Accueil</span>
    voila...
    la class ''java'' a un style (couleur et cursor), j'ai essayé de mettre simplement une couleur au survol mais cela ne fonctionne pas...

    Ce que j'aimerai au final : replacer le mot ''accueil'' par une image et quand on survole cette image, celle ci change.

    Voila j'espère avoir été plus clair. Je suis a dispo si ce n'est pas le cas !
    Merci encore.

  4. #4
    Futur Membre du Club
    Inscrit en
    Novembre 2008
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 10
    Points : 6
    Points
    6
    Par défaut
    Grâce a un petit mélange de ce que j'avais et ce que vous m'avez rappelé (car en réalité j'avais déjà vu ça mais je ne pensais pas a le réutiliser dans ce cas.) j'ai pu finir mon menu !
    Merci a vous !

    Pb résolu !

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

Discussions similaires

  1. [Reports 6i] Champs image qui change
    Par webjeune dans le forum Reports
    Réponses: 4
    Dernier message: 22/08/2012, 14h15
  2. galerie suivant précedent avec texte, lien et image qui change
    Par djedje37et28 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/09/2007, 12h58
  3. Réponses: 1
    Dernier message: 28/06/2007, 12h41
  4. Image qui change au survole d'une aire
    Par dark_vidor dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/11/2006, 22h44
  5. Image qui change lorsqu'on clique
    Par marsupilami34 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/08/2005, 17h28

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