Survol d'une image?!
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 !
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
-
ModérateurPetite astuce:
Regarde le code source de la page et tu trouveras ce qu'il te faut
http://darkesthour.cc/dudes -
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 =(-
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="...">
-
