Salut à tous,
Je suis débutant JavaScript, je l'apprend en autodidacte, et j'ai un petit soucis qui concerne l'agrandissement d'une image.

Ce que je veux faire c'est afficher une image, et lorsque je clic dessus elle s’agrandit.

voici le code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
 
  <title>Diaporama.V1.0</title>
 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript">
		<!--
			function agrandisMoiCa(img){
				if(typeof img == "string")
					img = document.getElementById(img);
				img.width = "70%";
				img.height = "70%";
				return img;
			}
		//-->
	</script>
</head>
 
<body>
	<center><h1>Diaporama</h1></center>
	<br /><br />
	<center><p>Cette page doit afficher des images, et lorsqu'un clic est effectué dessus, 
	elles doivent apparaître en taille agrandie.</p></center>
	<br /><br />
	<center><img src="iop1.jpg" alt="iop1.jpg" height="10%" width="10%" onclick="agrandisMoiCa('uneImage1');" id="uneImage1">
	<img src="iop2.jpg" alt="iop2.jpg" height="10%" width="10%" onclick="agrandisMoiCa('uneImage2');" id ="uneImage2"></center>
 
	<script type="text/javascript">
		<!--
		//-->
	</script>
</body>
Voici le code prêt à être testé.
Je n'ai pas d'erreur à l’exécution, j'affiche une image en taille réduite, et en cliquant dessus elle doit passer de 10% à 70%, mais en fait elle disparaît.

Un petite solution?