Agrandisemment des images en popup

Version imprimable

24/08/2007, 16h27
philamant

Agrandisemment des images en popup

Bonjour à tous.
j'essaie de développer un site animalier sans prétention en html et j'aimerais que toutes les images présentés en vignettes puissent s'agrandir en popup.
Les images porteront des noms comme chien1, chien2 etc...chat1, chat2.....

Est il possible d'écrire une fonction javascript, une seule fois par page, qui permettent cela, ou dois je le faire pour chaque image?
Si cette fonction existe, peut elle ouvrir des images ayant des tailles différentes?

Une âme charitable peut elle m'écrire le code correspondant, parce que si en html ça va, en javascript.....:oops: bonjour les dégats.
merci.

Salut, voici ton code prenant en parametre :

1) l'url de ta page à charger dans popup
2) largeur de ta popup
3) hauteur de ta popup

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
 
<html>
 
<head>
 
<style>
td{border:solid black 1px; width:25%; cursor:hand;}
 
</style>
 
<script language="Javascript">
 
function AfficheDansPopup(URL_IMG, width, height){
 
 var top=(screen.height-height)/2;     
 var left=(screen.width-width)/2;
 document.write(URL_IMG);
 
 window.open(URL_IMG, "medor", "top="+top+",left="+left+",width="+width+",height="+height+"menubar=no,scrollbars=no,statusbar=no");
 
}
 
</script>
 
 
</head>
 
<body>
 
<table width="50%">
 
<tr>
<td onClick="AfficheDansPopup('./chat1.jpg', 400, 300);"><img src="chat1.jpg"/></td>
<td onClick="AfficheDansPopup('./chat2.jpg', 600, 400);"><img src="chat2.jpg"/></td>
</tr>
 
</table>
 
</body>
 
</html>

25/08/2007, 18h12
philamant

Merci de ta précieuse aide