Agrandisemment des images en popup

**philamant** · 24/08/2007, 16h27

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.....

bonjour les dégats.
merci.

**Madfrix** · 24/08/2007, 19h34

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 :

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
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>

**philamant** · 25/08/2007, 18h12

Merci de ta précieuse aide

Agrandisemment des images en popup

JavaScript

Discussions similaires

Partager

Partager