Changer d'image et afficher un commentaire ..
gremac01
Messages postés
5
Statut
Membre
-
gremac01 Messages postés 5 Statut Membre -
gremac01 Messages postés 5 Statut Membre -
Bonjour,
Voici ma demande, il est vrai un peu spécial, et je n'ai rien trouvé de vraiment convaincant jusqu'à maintenant.
Voici ce que je souhaiterai réaliser:
sur mon site, la photo en noir et blanc d'un groupe de personne, mais j'aimerai que au passage de la souris
sur certaines zones biens précises de la photo , la personne survolée par le pointeur s'affiche en couleur, et qu'un commentaire apparaisse concernant la dite personne.
J'ai pensé travailler avec plusieurs photos, une première en noir et blanc, et d'autres avec à chaque fois une seule personne colorisée, au survol de la souris sur la zone concernée, la photo changerai, reste à faire apparaitre le commentaire adéquat.
Quelqu'un peut-il m'aider ? Soyez indulgent, je ne suis qu'un débutant !!!
D'avance merci
Voici ma demande, il est vrai un peu spécial, et je n'ai rien trouvé de vraiment convaincant jusqu'à maintenant.
Voici ce que je souhaiterai réaliser:
sur mon site, la photo en noir et blanc d'un groupe de personne, mais j'aimerai que au passage de la souris
sur certaines zones biens précises de la photo , la personne survolée par le pointeur s'affiche en couleur, et qu'un commentaire apparaisse concernant la dite personne.
J'ai pensé travailler avec plusieurs photos, une première en noir et blanc, et d'autres avec à chaque fois une seule personne colorisée, au survol de la souris sur la zone concernée, la photo changerai, reste à faire apparaitre le commentaire adéquat.
Quelqu'un peut-il m'aider ? Soyez indulgent, je ne suis qu'un débutant !!!
D'avance merci
A voir également:
- Changer d'image et afficher un commentaire ..
- Changer dns - Guide
- Commentaire word - Guide
- Image iso - Guide
- Changer carte graphique - Guide
- Changer extension fichier - Guide
1 réponse
Pour le commentaire si tu veut qu'il se trouve en dessous de l'image tu peux faire un <div>
Sa pourrai donner
<html>
<head>
<script type="text/javascript">
function cacher()
{
document.getElementById('com').style.display = 'none';
}
function montrer()
{
document.getElementById('com').style.display = 'block' ;
}
</script>
</head><body>
<img src=".." onmouseout="montrer()" onmouseover="cacher()"/>
<div id="com">Commentaire</div>
</body></html>
Avec le div qui apparait est qui disparait a souhait
J'éspaire que j'ai pu d'aider
Sa pourrai donner
<html>
<head>
<script type="text/javascript">
function cacher()
{
document.getElementById('com').style.display = 'none';
}
function montrer()
{
document.getElementById('com').style.display = 'block' ;
}
</script>
</head><body>
<img src=".." onmouseout="montrer()" onmouseover="cacher()"/>
<div id="com">Commentaire</div>
</body></html>
Avec le div qui apparait est qui disparait a souhait
J'éspaire que j'ai pu d'aider
gremac01
Messages postés
5
Statut
Membre
1
Merci Robinou5959, je vais essayer ton code, un grand merci pour ton aide.
