modification de taille et d'image en css

bonjour,

voici un petit script (il manque juste le div) :

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
 
<html>
<head>
	<title></title>
<script language="javascript" type="text/javascript">
<!--
var dimMax = 500;
var dimMin = 90;
function Plus(objet)
{
var e = document.getElementById(objet);
if (e.width<dimMax)
{
 e.width=e.width+20;
 //e.height=e.height+20;
}
}
 
function Moins(objet)
{
var e = document.getElementById(objet);
if (e.width>dimMin)
{
 e.width=e.width-20;
 //e.height=e.height-20;
 }
}
 
//-->
</script>
</head>
 
<body>
 	<form name="forme1">
   	    <input style="cursor: hand;" type=button value="Zoom+" onclick="Plus('img1');">
	    <input style="cursor: hand;" type=button value="Zoom-" onclick="Moins('img1');">
  </form>
<br><br><br>
<img id="img1" src="zoom.jpg" width="90" align="left">
 
 
</body>
</html>

j'ai mis en commentaire la modification de la hauteur : ce n'est pas nécessaire.