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

HTML Discussion :

[IMAGE] changement d'image lors d'un passage de souris


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 206
    Par défaut [IMAGE] changement d'image lors d'un passage de souris
    Bonjour,

    En fait dans mon bandeau, j'ai une banière qui fait tout le bandeau.
    En bas de cette banière j'ai mis les différents domaines de mon site (un genre de menu). Est-il possible lorque l'on passe la souris au dessus d'un des domaines, celui-ci change de couleur (par exemple une autre image) mais que les autres domaines ne change pas.

    Pour les liens de mes domaines, j'ai utilisé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <map name = ancre>
    <area rect= coords="x1,y1,x2,y2" href="scr">
    </map>
    Merci d'avance.

    Gailup.

  2. #2
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    il faut que tu utilise la pseudo class hover. Et le seul élément qui le gère sous internet explorer c'est <a>.

    Donc tu peux créer des liens avec les texte que tu veux faire changer de couleur et les placer par dessus ton bandeau...

  3. #3
    Membre confirmé Avatar de 1tsiMat
    Profil pro
    Étudiant
    Inscrit en
    Mai 2006
    Messages
    139
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2006
    Messages : 139
    Par défaut
    Ou bien en utilisant les fonctions Javascript OnMouseOver et OnMouseOut

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    Est-il possible lorque l'on passe la souris au dessus d'un des domaines, celui-ci change de couleur (par exemple une autre image) mais que les autres domaines ne change pas.
    Pour les liens de mes domaines, j'ai utilisé :
    Code :

    <map name = ancre> <area rect= coords="x1,y1,x2,y2" href="scr"> </map>
    ton code m'intrigue : as-tu utilisé 1 image pour la totalité de ton menu ou plusieurs images (une par lien) ?

    Peux-tu nous montrer le code de ton menu ?

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    206
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 206
    Par défaut
    Bonjour,

    j'ai utilisé une seul image pour le tout.
    Et après je sépare les liens par :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
    <map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
    <map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
    <map name = ancre><area rect= coords="x1,y1,x2,y2" href="scr"></map>
    etc ...
    Est-ce possible avec une seul image ou bien je doit créer plusieurs images.

    Merci d'avance.

    Gailup.

  6. #6
    Membre expérimenté
    Inscrit en
    Mai 2006
    Messages
    200
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mai 2006
    Messages : 200
    Par défaut
    Alors vraiment je te conseille d'ecrire les liens par dessus l'image...

    Déja ca te fera gagner bcp de temps si tu veux en enlever ou en rajouter un, et en plus niveau accessibilité c'est un peu mieux il me semble (enfin ca je suis pas sur sur si tu as bien remplie les alt et title de la balise img...)

    Et puis pour faire des lien il est tellement plus logique d'utiliser la balise faites pour ca


    ps: sinon je ne pense pas que ce soit possible comme tu veux faire. En fait tu veux superposer une partie d'une image seulement sur une autre?


    romain

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

Discussions similaires

  1. [Débutant] Manipulation d'images : intégrer une image dans une image
    Par noscollections dans le forum VB.NET
    Réponses: 2
    Dernier message: 17/10/2014, 11h51
  2. Charger du contenus html lors d'un passage de souris
    Par bulle-dog dans le forum Webdesign & Ergonomie
    Réponses: 2
    Dernier message: 10/04/2013, 18h09
  3. Changer class d'un span lors d'un passage de souris sur lien a
    Par HiRoN dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 08/07/2008, 15h38
  4. Changement d'image au passage de la souris
    Par dessinateurttuyen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 18/07/2006, 13h05
  5. Changement d'image suivent le passage du curseur!
    Par ghyosmik dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 03/01/2006, 17h22

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