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

Mise en page CSS Discussion :

[HTML & CSS] Lien avec image


Sujet :

CSS

  1. #1
    Rédacteur
    Avatar de Yoshidu62
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    294
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 294
    Par défaut [HTML & CSS] Lien avec image
    Bonjour,

    j'aimerais réaliser un lien en utilisant 2 images, une quand le lien est non pointé et une quand il est pointé.

    Mon lien est fait d'une seule image, c'est-à-dire qu'il n'y a pas de texte

    <a href="presentation.html"></a>

    Je voulais essayer comme ça :

    <a href="presentation.html"><img src="image1.png"></a>

    et là j'ai bien mon lien avec l'image, mais comment faire pour que l'image change quand je pointe dessus?

    c'est-à-dire que ça devienne :

    <a href="presentation.html"><img src="image2.png"></a>

    Merci.
    VIM un éditeur pour la VIe : http://www.vim.org

    Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com/

    Mon espace perso : http://ngressier.developpez.com

  2. #2
    Membre éclairé
    Inscrit en
    Avril 2005
    Messages
    82
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 82
    Par défaut
    quand la souri passe dessus ou quand le lien est sélectionné?

  3. #3
    Rédacteur
    Avatar de Yoshidu62
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    294
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 294
    Par défaut
    Quand la souris passe dessus, pour l'état hover en fait.

    En gros j'ai une image sur laquelle il y a un rond blanc, j'affiche mon image en tant que lien, et quand je passe ma souris sur ce lien (hover) bas je voudrais voir une autre image qui représente le même rond mais en rouge (par exemple).
    VIM un éditeur pour la VIe : http://www.vim.org

    Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com/

    Mon espace perso : http://ngressier.developpez.com

  4. #4
    Membre éclairé
    Inscrit en
    Avril 2005
    Messages
    82
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 82
    Par défaut
    tu appelle une fonction javascript sur l'évenement onMouse Hover
    Et c'est elle qui va changer le src de ton img

  5. #5
    Rédacteur
    Avatar de Yoshidu62
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    294
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 294
    Par défaut
    OK merci je vais chercher du côté javascript.
    VIM un éditeur pour la VIe : http://www.vim.org

    Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com/

    Mon espace perso : http://ngressier.developpez.com

  6. #6
    Membre éclairé
    Inscrit en
    Avril 2005
    Messages
    82
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 82
    Par défaut
    il n'y a que comme ca que tu peu changer ton img

  7. #7
    Rédacteur
    Avatar de Yoshidu62
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    294
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 294
    Par défaut
    C'est bon j'ai réussi avec le javascript

    Merci.
    VIM un éditeur pour la VIe : http://www.vim.org

    Ubuntu, une distribution Linux pour tous : http://www.ubuntu.com/

    Mon espace perso : http://ngressier.developpez.com

  8. #8
    Membre éclairé
    Inscrit en
    Avril 2005
    Messages
    82
    Détails du profil
    Informations forums :
    Inscription : Avril 2005
    Messages : 82
    Par défaut
    de rien

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

Discussions similaires

  1. Lien avec image
    Par Xzebra3 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 18/12/2006, 17h47
  2. CSS lien et image
    Par Joe Le Mort dans le forum Mise en page CSS
    Réponses: 21
    Dernier message: 15/11/2006, 14h54
  3. CSS Liens sur images
    Par FRANCKYIV dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 26/04/2006, 22h14
  4. Pb lien avec image et texte dans un li
    Par lalouve dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/03/2006, 01h33

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