remplacer une image en cliquant
Bonjour,
je souhaite remplacer une image en cliquant dessus par son inverse et vice versa.
Pour cela, j'ai fait une fonction "changeImage()" déclencher par le Onclick mais ça ne fonctionne pas.
Ci dessous le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
| <!DOCTYPE HTML>
<head>
<meta charset="utf-8" />
<title>Second devoir</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/include.js">
var Tableau1= new Array(10);
function changeImage(){
if(document.getElementById('case3').value=="mouton2.png"){
img.src=="mouton22.png";
}else if(docuemtn.getElementById('case3').value=="mouton22.png"){
img.src=="mouton2.png";
}
}
function ResetForm(){
document.getElementById("userForm").reset();
}
</script>
<style type="text/css">
table {border-collapse: collapse;}
td, th {border: 2pt solid black;}
td, th {width: 6em;}
img {width: 6em;}
</style>
</head>
<body>
<header>
<h1>Devoir NFA016</h1>
</header>
<article>
<header>
<h2>Jeu des moutons</h2>
</header>
<form id="userForm">
<table id="t">
<tr>
<td></td>
<td><img src="mouton2.png" alt=""></td>
<td><A HREF="JavaScript:void(0)"
Onclick='changeImage()'>
<IMG SRC="mouton2.png" border=0 id="case3">
</A></td>
<td><A HREF="JavaScript:void(0)"
OnMouseOver='document.images["case4"].src="mouton22.png"'
OnMouseOut='document.images["case4"].src="mouton2.png"'
>
<IMG SRC="mouton2.png" border=0 id="case4">
</A></td>
<td></td>
<td></td>
<td><img src="mouton1.png" alt=""/></td>
<td><img src="mouton1.png" alt=""/></td>
<td><img src="mouton1.png" alt=""/></td>
<td></td>
</tr>
</table>
</form>
<button onclick="alert('Nouvelle Partie')">Recommencer</button>
</body>
</html> |
