Discussion :

[Bloby]

Bonjour,

Je suis novice en html et... pour le prouver :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="Page_img/about_th1.jpg"onmouseover="Page_img/about_th2.jpg"/>

Je n'arrive pas à trouver ce qui ne va pas dans ce simple code. Code que j'ai trouvé sur google...

Cela peut parraitre une question bête mais, en html existe t'il une help comme dans n'import quel langage de programation avec un index listant toutes les fonctions les expliquant et donnant des exemple pour comment les utiliser ?
exemple : http://docs.unity3d.com/Documentatio...e-enabled.html

Merci !
Bloby

[Auteur]

bonsoir,

ce que tu cherches à faire s'appelle un roll-over :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="Page_img/about_th1.jpg" onmouseover="this.src='Page_img/about_th2.jpg'" onmouseout="this.src='Page_img/about_th1.jpg'"/>

après un événement il y a toujours un code javscript. Dans ce cas pour l'événement onmouseover tu as "this.src='Page_img/about_th2.jpg'".
this : désigne l'objet qui a appelé l'événement, ici la balise img ;
src : est un attribut qui contient le nom de l'image à afficher.
donc onmouseover="this.src='Page_img/about_th2.jpg'" dit afficher l'image "about_th2.jpg" lors que la souris passe sur la balise img (plus concrètement lorsque la souris passe sur l'image "about_th1.jpg").

J'ai ajouté un événement onmouseout dans le code pour revenir à un état initial lorsque le pointeur de la souris sort de l'image affichée.

Tu remarqueras l'alternance de doubles quotes ( " ) et de simples quotes ( ' ) après le signe égal.

[Bloby]

Merci pour la réponse ! Ca m'aide beaucoup ! : )