Discussion :

[Markos22]

Bonjour,

Je viens de mettre mon site en ligne, et, alors que toutes les images s'affichaient impeccablement en local, certaines images ne s'affichent pas en ligne. J'ai beau les re-transférer, encore et encore, rien n'y fait. Il s'agit d'une série d'images dont les noms figurent dans une base de données. Elles sont donc toutes au même endroit, et sont affichées par une instruction dans une boucle en php. Il n'y a donc aucune raison pour que certaines s'affichent et d'autres pas. Sur une douzaine d'images, il en a cinq qui ne s'affichent pas, la requête renvoie une erreur 404 not found ! Pourtant, les images sont bien là, elles apparaissent dans Filezilla sur le serveur.

Comment cela peut-il s'expliquer ?
Merci de votre aide.

[Vil'Coyote]

un lien? une url? le code html généré?

[ABCIWEB]

erreur 404 not found => si les images existent sur le serveur c'est que le chemin indiqué dans le script n'est pas bon. Possible aussi avec des noms de fichiers invalides qui créent des chemins invalides. Le code source html (Ctrl+U) de la page générée par php est indinpensable pour t'en dire plus.

[Markos22]

Je ne crois pas que le code généré puisse nous éclairer : certaines photos apparaissent et d'autres pas, alors que le chemin et la syntaxe est la même, puisqu'elles sont générées par une boucle :

Code html :

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

1
2
3
4
5
6
7
<div class="cadre-annonce">
	<figure>
	<img src="images/ma-photo.jpg">
		<figcaption  data-toggle="modal" data-target="#modal8">
			<h4><span class="fa fa-search"></span> Cliquez ici pour voir les détails</h4>
		</figcaption >
	</figure><section><strong style="font-size: 1.2em;">TRIFOUILLIS-LES-OIES</strong><br/>zone d'activités Duschmoll<br/>1250 m²<br/><strong style="font-size: 1.4em">8854 €</strong><br>(soit 85 €/m² par an)</section></div>

Je crains de compliquer les choses en donnant le code complet : il y a à la fois une mosaïque de photos, et, lorsque l'on clique sur un élément, une fenêtre modale s'ouvre pour afficher un carrousel.

Il s'agit d'annonces immobilières. le code PHP est le suivant :

Code php :

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
<section id="annonces" class="row">
 
		<?php
 
 
 
		foreach($liste as $bien){
			$photos = $bien->getPhotos();
 
			$resume = '<strong style="font-size: 1.2em;">'.$bien->getVille().'</strong><br/>'.$bien->getVoie().'<br/>'.$bien->getSuperficie().' m²<br/><strong style="font-size: 1.4em">'.$bien->getMontant().' €</strong>';
			$prix_unit = str_replace('.', ',', round(($bien->getMontant()/$bien->getSuperficie())*12,2));
			$resume .= '<br>(soit '.$prix_unit.' €/m² par an)';
			$i_modal++;
			$id_modal = "modal".$i_modal;
 
			?>
 
			<!-- Fenêtre modale -->
 
			<div id="<?php echo $id_modal ?>" class="modal fade in">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button class="close" data-dismiss="modal"><span>&times;</span></button>
							<h4 class="modal-title"><?php echo $bien->getVille().'<br>'.$bien->getVoie() ?></h4>
						</div>
						<div class="modal-body">
 												<div class="texte-annonce">
													<?php echo nl2br($bien->getDescription()); ?>
												</div>
										<?php
										if (!empty($photos)) {
											if(count($photos)>1){
												echo '<div id="carousel-'.$id_modal.'" class="carousel slide" data-ride="carousel">
												<ol class="carousel-indicators photo-preview">';
 
													foreach ($photos as $i => $photo) {
														echo '<li data-target="#carousel-'.$id_modal.'" data-slide-to="'.$i.'"><img src="images/'.$photo->getNom().'"></li>';
													}
 
													echo '</ol>

													<div class="carousel-inner" role="listbox">';
 
														foreach ($photos as $k => $photo) {
															if($k==0){
																echo '<div class="item active">';
 
															} else {
																echo '<div class="item">';
 
															}
															echo '<img src="images/'.$photo->getNom().'" alt="'.$k.'"></div>';
														}
 
 
														echo '</div><a class="left carousel-control" href="#carousel-'.$id_modal.'" role="button" data-slide="prev"><span class="fa fa-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>';
														echo '<a class="right carousel-control" href="#carousel-'.$id_modal.'" role="button" data-slide="next"><span class="fa fa-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>';
													} elseif (count($photos)==1) {
														echo '<img src="images/'.$photos[0]->getNom().'">
														';
													}
												}else{
													echo '<img src="images/no_picture.jpg">
													';
												}
 
												?>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-danger" data-dismiss="modal">Fermer la fenêtre</button>
								</div>
							</div>
						</div>
					</div>
 
					<!-- fin de la fenêtre modale -->
 
					<!-- grille : annonce résumée avec photo mini -->
 
					<div class="cadre-annonce">
						<figure><img src="<?php
							if (!empty($photos)) {
								echo 'images/'.$photos[0]->getNom();
							}else{
								echo 'images/no_picture.jpg';
							}
							?>"><figcaption  data-toggle="modal" data-target="#<?php echo $id_modal?>"><h4><span class="fa fa-search"></span> Cliquez ici pour voir les détails</h4></figcaption ></figure><section><?php echo $resume.'</section></div>

							<!-- grille : fin de l\'annonce résumée -->

							';
 
						}
 
						?>
 
					</section>

Mais je crois que le problème n'est pas dans le code, puisque certaines images s'affichent et d'autres non, alors que 1) la syntaxe est exactement la même, et 2) elles se trouvent exactement au même endroit.

[Markos22]

Je crois que je viens de penser à un truc, c'est tout bête : certaines images ont une extension .jpg et d'autres une extension .JPG (d'ailleurs, je ne comprends pas trop pourquoi). Ce doit être celles qui ont une extension .JPG qui ne s'affichent pas, parce que la boucle PHP est rédigée de telle façon qu'elle cherche une image avec une extension en minuscules. Suffirait-il de renommer les photos ? Ce serait tout bête. Je vais essayer.

[Markos22]

Ça marche ! Je vais pouvoir marquer cette discussion en résolu ! Le mystère est démasqué : certaines photos se sont retrouvé avoir une extension .JPG en majuscule, je ne sais pas pourquoi. Il a suffi de renommer les photos avec la bonne extension.

A bientôt !