Survol d'une image?!
bidou
-
jebok Messages postés 358 Statut Membre -
jebok Messages postés 358 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 !
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 !
A voir également:
- Survol d'une image?!
- Légender une image - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Agrandir une image - Guide
- Detourer une image - Guide
2 réponses
Petite astuce:
Regarde le code source de la page et tu trouveras ce qu'il te faut
http://darkesthour.cc/dudes
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 =(
<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 :
Ce sera donc quelque chose dans ce style :
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="...">
