Image cachée qui au passage de la sourie change

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image cachée qui au passage de la sourie change

Message par Armageddon! Mar 29 Nov 2011 - 16:34

Bonjour, Smile

Je voudrai savoir comment peut-on fait cela avec un code html ou autre :

Image cachée qui au passage de la sourie change 6f487199b7852e9d2d63fda51500b

Au passage de la souris ..

Cdlt, Smile


Dernière édition par Armageddon! le Mer 30 Nov 2011 - 14:28, édité 1 fois
Armageddon!

Armageddon!
Nouveau membre

Masculin
Messages : 22
Inscrit(e) le : 29/08/2010

http://www.ddaynormandy-fr.com
Armageddon! a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cachée qui au passage de la sourie change

Message par zz10 Mer 30 Nov 2011 - 9:37

Bonjour,

Il faut deux images différentes de taille identique :

  1. L'image de base
  2. L'image lorsque la souris passe sur l'image de base


Exemple si l'image fait 50px * 50px :

  1. Code HTML :

    Code:
    <div id="survol"></div>

  2. Code CSS :

    Code:
    #survol
    {
    width:50px;
    height:50px;
    background-image:url(lien_image_de_base);
    }

    #survol:hover
    {
    background-image:url(lien_image_survol);
    }


Cdt.
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cachée qui au passage de la sourie change

Message par Armageddon! Mer 30 Nov 2011 - 14:28

Bonjour,

Merci ce code marche à la perfection Smile

Cdlt,
Armageddon!

Armageddon!
Nouveau membre

Masculin
Messages : 22
Inscrit(e) le : 29/08/2010

http://www.ddaynormandy-fr.com
Armageddon! a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum