WampServer

Bonjour, je souhaite appliquer des miniatures à mes images se trouvant dans ma base de données mysql, car à l'affichage il y a des images qui prennent toute une page, et je cherche donc qu'à l'affiche elles aient toutes la même taille et pour cela j'ai fait une div class= miniature avec un background-image dont j'ignore si l'url est bon ou pas. Pictures est le nom du fichier où se trouvent les images et filename_product correspond au nom de l'image en base de données.Voir dans le code ci-dessous:


<p>Toutes les annonces</p> <br>
<div class="">
<?php $prev_anounce = NULL ?>
<?php foreach($anouncement as $anounce): ?>
<?php if ($anounce->id != $prev_anounce): ?>
<?php if (!is_null($prev_anounce)): ?>
</div>
<?php endif ?>
<?php endif ?>
<div class="miniature" style="background-image:url('pictures/<?php.$anounce['filename_product'].?>');">
<img src="<?= htmlspecialchars($anounce->filename_product) ?>">
</div>
<?php if ($anounce->id != $prev_anounce): ?>
<?= htmlspecialchars($anounce->titre) ?><br>
<?= htmlspecialchars($anounce->presentation) ?><br>
<?= htmlspecialchars($anounce->prix) ?><br>
<?= htmlspecialchars($anounce->ville) ?><br>
<?php endif ?>
<?php $prev_anounce = $anounce->id ?>
<?php endforeach ?>
<?php if ($anouncement): ?>
<?php endif ?>



Pour le CSS:
.miniature {
width: 200px;
height: 200px;
background-size: auto 200px;
background-position: center top;
}

Bonjour,

Ce forum n'a pas pour vocation de corriger les scripts PHP ou les requêtes MySQL des utilisateurs de Wampserver.
Néanmoins :
- Le « mélange » PHP - html ne se fait pas avec une ouverture et de fermeture de balise PHP à chaque ligne. Ça rend le script complètement illisible.
- Sauf cas très particulier, il faut éviter d'utiliser des endif et enforeach, ça rend illisibles les structures.

<?php
echo '<p>Toutes les annonces</p><br>';
echo '<div class="">';
$prev_anounce = NULL;
foreach($anouncement as $anounce) {
  if($anounce->id != $prev_anounce) {
	  if(!is_null($prev_anounce)) {
		  echo '</div>';
    }
  }
  echo '<div class="miniature" style="background-image:url('pictures/'.$anounce['filename_product'].');
  echo '<img src="'.htmlspecialchars($anounce->filename_product).'">';
  echo '</div>';
  if($anounce->id != $prev_anounce) {
    echo htmlspecialchars($anounce->titre).'<br>';
    echo htmlspecialchars($anounce->presentation).'<br>';
    echo htmlspecialchars($anounce->prix).'<br>';
    echo htmlspecialchars($anounce->ville).'<br>';
  }
  $prev_anounce = $anounce->id;
}
if ($anouncement) {
	
}

?>

- Ne pas mettre les images elles-mêmes dans une base de données, mais soit un lien sur ladite image, soit un numéro d'identification.
- Ne pas redimensionner les images à la volée, le faire une fois pour toutes en local et sauvegarder les miniatures ainsi créées pour afficher la miniature directement.

L'aide sur votre script s'arrêtera ici.

---------------------------------------------------------------
Documentation Apache - Documentation PHP - Documentation MySQL - Wampserver install files & addons