Affichage images Firefox / Internet Explorer

**Ecco59** · 12/10/2005, 18h29

Bonjour,

tout d'abord, je tiens à préciser que je suis débutant en PHP, donc, prenez patience

.

Alors voilà, je souhaite faire un script qui affichent les photos d'un dossier. Avant ça, le visiteur choisira les photos à voir en fonction de l'année et la série choisie.

Voici le code que j'ai écrit (pas parfait certes, mais je m'essaie au php je le rappelle...)

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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
 
<h1>Les photos du club</h1>
<br />
<?
// Déclaration des variables
// -------------------------
 
// Tableau qui contient la liste des fichiers
$files = array();
?>
 
 
<?
// Cas où l'année n'est pas encore choisie
// ----------------------------------------
if (!isset($_GET['annee'])) {
	echo "Veuillez choisir l'année qui vous intéresse.<br /><br />";
	// On ouvre le dossier
	$handle = opendir("images/club");
	// On parcourt les noms d'années
	while ($file = readdir($handle)) {
		if($file != "." && $file != "..") {
			$files[] = $file;
		}
	}
	// On referme le dossier
	closedir($handle);
	// On trie le tableau
	sort($files);
 
	// On affiche alors les dossiers
	$bg = '#dddddd';
	echo "<table align='center' cellspacing='4' cellpadding='4'>";
	foreach($files as $v) {
		echo "<tr bgcolor=$bg>
			  	<td>
			  		<a href='index.php?page=photos_club.php&annee=".rawurlencode($v)."'>< $v ></a>
			  	</td>
			  </tr>";
		if ($bg == '#dddddd') $bg = '#ffffff';
		else $bg = '#dddddd';
	}
	echo "</table>";
}
 
// Cas où la série n'est pas encore choisie
// -----------------------------------------
else if (!isset($_GET['serie'])) {
	echo "Veuillez choisir la série qui vous intéresse.<br /><br />";
	// On ouvre le dossier
	$handle = opendir("images/club/$_GET[annee]");
	// On parcourt les noms d'années
	while ($file = readdir($handle)) {
		if($file != "." && $file != "..") {
			$files[] = $file;
		}
	}
	// On referme le dossier
	closedir($handle);
	// On trie le tableau
	sort($files);
 
	// On affiche alors les dossiers
	$bg = '#dddddd';
	echo "<table align='center' cellspacing='4' cellpadding='4'>";
	foreach($files as $v) {
		echo "<tr bgcolor=$bg>
			  	<td>
			  		<a href=\"index.php?page=photos_club.php&annee=".rawurlencode($_GET['annee'])."&serie=".rawurlencode($v)."\">>> $v</a>
			  	</td>
			  </tr>";
		if ($bg == '#dddddd') $bg = '#ffffff';
		else $bg = '#dddddd';
	}
	echo "</table>";
	echo "<br /><br />";
	// On met le lien de retour en arrière
	echo "<div align='center'>";
	echo "<a href='index.php?page=photos_club.php'>Retour</a>";
	echo "</div>";
}
 
// Cas où l'on affiche les photos
// ------------------------------
else {
	echo "<div align='center'>", $_GET['serie'], "</div>";
	echo "<br /><br />";
	// Variable qui permet de construire le tableau de N photo de large
	$nbrePhoto = 0;
	$N= 3;
 
	// On ouvre le dossier
	$handle = opendir("images/club/$_GET[annee]/$_GET[serie]");
	// On parcourt les noms d'années
	while ($file = readdir($handle)) {
		if($file != "." && $file != ".." && $file != "Thumbs.db") {
			$files[] = $file;
		}
	}
	// On referme le dossier
	closedir($handle);
	// On trie le tableau
	sort($files);
 
	// On crée le tableau
	echo "<table align='center' cellspacing='2' cellpadding='2' border ='1' bordercolor='#dddddd'>";	
	foreach($files as $v) {
		// Nouvelle ligne
		if ($nbrePhoto == 0) {
			echo "<tr>";
		}
		// On affiche la photo
		echo "<td><div align='center'><a
		href=\"images/club/".rawurlencode($_GET['annee'])."/".rawurlencode($_GET['serie'])."/".rawurlencode($v)."\" target='_blank'>
				  <img src=\"images/club/".rawurlencode($_GET['annee'])."/".rawurlencode($_GET['serie'])."/".rawurlencode($v)."\" width='50%' height='50%' border='0'></a></div></td>";
		$nbrePhoto = $nbrePhoto + 1;
		if ($nbrePhoto == $N) {
			echo "</tr>";
			$nbrePhoto = 0;
		}
	}
	if ($nbrePhoto != 0) {
		echo "</tr>";
	}
	// On referme le tableau
	echo "</table>";
	echo "<br /><br />";	
	// On met le lien de retour en arrière
	echo "<div align='center'>";
	echo "<a href='index.php?page=photos_club.php&annee=".rawurlencode($_GET['annee'])."'>Retour</a>";
	echo "</div>";
}
?>

Ce script marche parfaitement pour les utilisateurs Linux (qui sont donc sous FireFox / Mozilla), par contre, un pb se posent pour les utilisateurs d'internet explorer : le tableau s'affiche mais pas les photos (ni meme le lien vers ces photos).

Voilà j'espère avoir été assez clair dans la description de mon problème et que vous pourrez m'aider.
Merci d'avance

**Fiquet** · 12/10/2005, 19h26

Le code executé est le même c'est un problème html, peut-être une syntaxe que IE ne reconnaît pas.

As-tu un exemple hébergé pour pouvoir voir le résultat? Comme ça c'est dûr de débuger l'html...

**Ecco59** · 12/10/2005, 19h30

As-tu un exemple hébergé pour pouvoir voir le résultat?

http://leclubdescinqhx1.free.fr/inde...hotos_club.php

Voilà, le pb que je donne, c 'est celui de cette page....J'espère que ca pourra t'aider à résoudre mon pb !
Merci de m'aider en tout cas !

**Orionmel** · 12/10/2005, 19h46

Je ne sais pas si c'est ca mais...

Si tu regardes le code source de la page, tu verras que les espaces dans les noms de tes photos et de tes dossiers est remplacé par %20

Résultat, au lieu de rechercher la photo nommée nom nom.jpg, le navigateur recherche une photo nommée nom%20nom.jpg 8)

J'ai eu le même problème sur mon site perso de free, et le seul moyen que j'ai trouvé c'est de mettre des underscore à la place mais c'est du bidouillage

Doit avoir beaucoup beaucoup plus mieux

**Fiquet** · 12/10/2005, 19h47

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="asrfd.jpg" width='50%' height='50%' border='0'>

Ne met pas les % à tes taille de photo ça ne se fait pas, il faut mettre 50 tout court pour 50 pixels

**Orionmel** · 12/10/2005, 19h47

Je ne sais pas si c'est ca mais...

Si tu regardes le code source de la page, tu verras que les espaces dans les noms de tes photos et de tes dossiers est remplacé par %20

Résultat, au lieu de rechercher la photo nommée nom nom.jpg, le navigateur recherche une photo nommée nom%20nom.jpg 8)

J'ai eu le même problème sur mon site perso de free, et le seul moyen que j'ai trouvé c'est de mettre des underscore à la place des espace (str_replace (" ", "_", "nom_photo")) mais c'est du bidouillage

Doit avoir beaucoup beaucoup mieux

**tony montana** · 12/10/2005, 20h01

salut,
le problème ne vient pas des espaces, la preuve ca marche bien sous firefox. (et sous IE si on essaye d'accéder directement à l'image)
Le %20 correspond à la représentation "URL encoded" de l'espace.

Mais c'est vrai que c'est toujours mieux d'éviter les espaces, mais ce n'est pas obligatoire.

Dans ton cas il s'agit d'un problème HTML, assez bizarre ... M'enfin avec IE on s'attend à tout ...
J'ai testé en enlevant de chaque balise img les attributs width et height, et les images s'affichent bien.
Essaye de chercher un peu voir si c'est un bug connu d'IE, et comment le contourner ... Oriente toi vers google pour ca, et sinon le forum HTML/CSS

PS : faudrait que tu pense à sécuriser ton site ...
par ex :
- le contenu des répertoires sessions, images, includes, ... visible => met un fichier index.php qui redirige vers la page d'accueil dans chacun de ces répertoires
- ne passe pas en paramètre le nom de la page à afficher ... => enlève au moins le ".php", tu le met "en dur" dans le include, comme ca personne ne pourra essayer d'accéder à un fichier autre que .php. (mais ca reste très limite)
- sur tes pages sécurisées (par exemple pour poster un message), vérifie que l'utilisateur est bien authentifié ...

==> Lis des tutos sur la sécurité, histoire d'éviter au moins les grosses bourdes ...

**Ecco59** · 12/10/2005, 20h09

Un grand merci à vous tous, cela fonctionne.
Le pb venait bien du "%" (j'ai remplacé 50% par 50 et ca marche).

Sinon, tony montana, merci bcp pour tes conseils, et merci pour le test

.
A très bientot pour tes tonnes d'autres questions très certainement !!!