Popup et galerie photos

**polux31** · 30/01/2011, 16h54

Bonjour, j'ai un petit problème dans la conception de ma galerie photo.
Voilà mon 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
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
    w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');    
    w.document.write("<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>");
    w.document.write("</BODY></HTML>");
    w.document.close();
}
</script>
 
 
<?php
$dirname = './photo joueur/';
$dir = opendir($dirname); 
while($file = readdir($dir)) {
        if($file != '.' && $file != '..' && !is_dir($dirname.$file))
        {
                echo '<a href="javascript:PopupImage('.$dirname.$file.')"> 
                <img src="'.$dirname.$file.' "width="100" height="30" border="0" alt=""></a>';
        }
}
 
closedir($dir);
 
?>

Le problème est que les images de ma galerie s'affiche mais impossible de cliquer dessus pour qu'apparaisse l'image dans une popup.
D'où vient mon problème ? ( mes images se trouvent dans le dossier photo joueur)

Merci d'avance !

**NoSmoking** · 31/01/2011, 23h19

Bonjour,
je ne vois pas de problème à priori dans ton code.
Il faudrait regarder dans le code généré par le PHP, et non le code PHP, pour vérifier que celui ci est propre et n'engendre pas d'erreur.

**javatwister** · 01/02/2011, 13h18

essaie explicitement w=window.open

**Bovino** · 01/02/2011, 14h16

Et merci de poster le code HTML généré et non le PHP...

**polux31** · 01/02/2011, 18h33

Changer en window.open ne fonctionne pas.

Voila tout 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
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
 
 
 
<?php
session_start();
 
require"admin/config.php";
mysql_connect(DB_HOST,DB_LOGIN,DB_PASS);
mysql_select_db(DB_BDD);
 
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Paris Saint Germain</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" type="text/css" href="feuillestyle.css" /> 
</head>
 
<body>
<div id="site">
 
<div id="header">
 
 
</div>
 
<div id="main">
<div id="side">
 
<ul>
<li class="name"><a href="index.php">NEWS</a></li>
<li>Toutes les news pour vous tenir au courant de l'actu de manière aisée !</li>
</ul>

<ul>
<li class="name"><a href="galerie.php">GALERIE</a></li>
<li>Accèder en un clic à la galerie de votre équipe favorite.</li>
</ul>

<ul>
<li class="name"><a href="palmares.php">PALMARES</a></li>
<li>Le PSG ne cesse d'accumuler des titres année après année.
Vous ne savez plus vous y retrouvez tellement il y en a ? 
Cliquez ici !</li>
</ul>
 
</div>
 
 
<div id="contenu">
 
<div id="presentation">
 
<img src="images/maillot.jpg" class="logo" alt="kit graphique sport" title="ici votre logo"/>
 
  
 
 
 
 
                                                           <?php
 
$dirname = './photo joueur/';
$dir = opendir($dirname); 
?>
 
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
    w=window.open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');    
    w.document.write("<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>");
    w.document.write("</BODY></HTML>");
    w.document.close();
}
</script>
 
<a href="javascript:PopupImage('FIN Pauleta FIN.jpg')">
<img src="header.jpg" width="200" height="30" border="0" alt=""></a> 
 
<?php
 
while($file = readdir($dir)) {
        if($file != '.' && $file != '..' && !is_dir($dirname.$file))
        {
                echo '<a href="javascript:PopupImage('.$dirname.$file.')"> 
                <img src="'.$dirname.$file.' "width="100" height="30" border="0" alt=""></a>';
        }
}
 
closedir($dir);
 
?>
</div>
 
 
 
 
 
 
 
 
 
 
 
<div id="footer">
<p>Design y </p>
</div>
 
</body>
</html>

C'est bien cela que vous voulez ?