Changement image au passage de la souris HTML
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonsoir,
J'ai fait une page HTML et j'ai utilisé "onmouseover" et "onmouseout" pour que quand on passe la souris sur une image, celle-ci se change en une autre. Mais ça ne marche pas (voir code en gras). Pour voir le résultat, changez les mes images par des votres.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ibook - Homepage</title>
</head>
<body style="background-color:#98cdf4">
<div>
<center> <table width=100% height=100% border=0>
<td align=center>
<table border="0">
<tr>
<td>
<table border="0">
<tr>
<td>
<img src="../../Pictures/Ibook/whatsibook.png" width="530" height="530">
</td>
</tr>
</table>
<td>
<table border="0">
<tr>
<td>
<img src="../../Pictures/Ibook/login.png" width="260" height="260" alt="" border="0"
onmouseover=this.src="C:\Users\Dvorak\Pictures\Ibook\login2.png"
onmouseout=this.src="C:\Users\Dvorak\Pictures\Ibook\login.png">
</td>
</tr>
</table>
<table border="0">
<tr>
<td>
<a href="lien"><img src="../../Pictures/Ibook/signup.png" width="260" height="260" alt="" border="0"></a>
</td>
</tr>
</table>
</td>
</td>
</tr>
</table>
</td>
</center>
</div>
<hr />
</body>
</html>
Merci d'avance !
J'ai fait une page HTML et j'ai utilisé "onmouseover" et "onmouseout" pour que quand on passe la souris sur une image, celle-ci se change en une autre. Mais ça ne marche pas (voir code en gras). Pour voir le résultat, changez les mes images par des votres.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ibook - Homepage</title>
</head>
<body style="background-color:#98cdf4">
<div>
<center> <table width=100% height=100% border=0>
<td align=center>
<table border="0">
<tr>
<td>
<table border="0">
<tr>
<td>
<img src="../../Pictures/Ibook/whatsibook.png" width="530" height="530">
</td>
</tr>
</table>
<td>
<table border="0">
<tr>
<td>
<img src="../../Pictures/Ibook/login.png" width="260" height="260" alt="" border="0"
onmouseover=this.src="C:\Users\Dvorak\Pictures\Ibook\login2.png"
onmouseout=this.src="C:\Users\Dvorak\Pictures\Ibook\login.png">
</td>
</tr>
</table>
<table border="0">
<tr>
<td>
<a href="lien"><img src="../../Pictures/Ibook/signup.png" width="260" height="260" alt="" border="0"></a>
</td>
</tr>
</table>
</td>
</td>
</tr>
</table>
</td>
</center>
</div>
<hr />
</body>
</html>
Merci d'avance !
A voir également:
- Changement image au passage de la souris HTML
- Changer de dns - Guide
- Quelle touche pour débloquer la souris ? - Guide
- Passage qwerty azerty - Guide
- Editeur html - Télécharger - HTML
- Image iso - Guide
4 réponses
les deux fonsction que tu à ajouter me semble etre du javascript
Utilisateur anonyme
Et que dois-je faire pour que ça marche ?
<img src="../../Pictures/Ibook/login.png" width="260" height="260" alt="" border="0" onmouseover=this.src="../../Pictures/Ibook/login2.png" onmouseout=this.src="../../Pictures/Ibook/login.png">
Peux-tu passer par-là : https://forums.commentcamarche.net/forum/affich-23932752-changement-informations-via-formulaire-html#p23932752
Merci :D
Merci :D