«

»

mai 15

HTML: changer une image au passage de la souris

truc et astuce WEB

Lorsque vous programmez une page WEB et que vous voulez qu’une image change au passage de la souris il suffit d’un code tout simple:

<img src="avant.gif" onMouseOver="this.src=’au-moment-ou-la-souris-passe.gif’" onMouseOut="this.src=’apres.gif’">

Voici ce que donne ce code pour changer d’image au survol de la souris:

3 comments

  1. Larab

    Vous êtes serieux avec des articles comme ça ??

    1. Thibaud

      C’est pour répondre à un mail reçu demandant des trucs et astuces WEB !
      Et puis pourquoi pas ?

  2. SERRA

    Bonjour,
    J’ai essayé de mettre votre code afin de réaliser un changement d’image au passage de la souris comme dans votre exemple, mais cela ne marche pas.
    Pour info je suis sur wordpress.com et j’ai ajouté le code dans une de mes page en passant en TEXTE.

    En gros dans la page d’accueil, j’aimerai que sur chaque rectangle d’image, celle-ci se modifie (mais en dimension)
    que l’image soit petite et au passage celle-ci devienne plus grande pour donner un effet vivant et plus visible.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>