Survol d'une image?!

bidou -  
jebok Messages postés 371 Date d'inscription   Statut Membre -
bonjour,

je fais ma page perso, et j'aimerai avec une indication :

comment faire, pour que lorque l'on survol avec la souris une parti d'une image, celle-ci s'eclaicisse/s'assombrisse?
bref, si ça ne vous parle pas, j'ai un exemple très concret :
http://darkesthour.cc/dudes

(photo du groupe)

merci de votre aide c'est important !

2 réponses

  1. lami20j Messages postés 21506 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   3 571
     
    Petite astuce:

    Regarde le code source de la page et tu trouveras ce qu'il te faut

    http://darkesthour.cc/dudes
    0
  2. bidou
     
    bah j'ai regardé le code source.. et tout s'qui correspond à l'image c'est cela :

    <ul id="dhmembers">

    <li id="paul" >
    <a href="mailto:paul@darkesthour.cc">
    <span>Paul Burnette - Bass / Monkey Bowling</span>
    </a>
    </li>

    <li id="jh" >
    <a href="mailto:john@darkesthour.cc">
    <span>John Henry - Vocals / Sleep</span>

    </a>
    </li>

    <li id="kris" >
    <a href="https://krisnorris.com/">
    <span>Kris Norris - Guitar / Guitar</span>
    </a>
    </li>

    <li id="ryan" >
    <a href="mailto:ryan@darkesthour.cc">
    <span>Ryan Parrish - Drums / Party</span>
    </a>
    </li>

    <li id="schlei">
    <a href="mailto:mike@darkesthour.cc">
    <span>Mike Schleibaum - Guitar / Paperwork</span>

    </a>
    </li>
    </ul>

    -----

    autrement dit, on voit les liens des differentes parties de l'image, mais cela ne nous montre pas comment l'image peut etre goupillée =(
    0
    1. jebok Messages postés 371 Date d'inscription   Statut Membre 51
       
      Dans ce code là on ne oit absolument pas d'image...
      les images sont introduites par la balise IMG.
      Pour exécuter une action lors du survol de l'image par ta souris, il faut introduire la ligne suivante :
      onMouseOver="..."

      Ce sera donc quelque chose dans ce style :
      <IMG src="url_de_l_image" onMouseOver="...">
      0