WampServer

Apache, PHP, MySQL on Windows 

 
  • Accueil forum
  • Retour à WampServer
  • presentation
  • Download
  • Addons
  • Formations
  • Alter Way

 
Voir le sujet: Précédent•Suivant
Aller à : Liste des Forums•Liste des messages•Nouvelle discussion•Recherche•Connexion•Imprimer la vue
Miniature des images php mysql css
Envoyé par: mouls22 (41.188.104.---)
Date: 11 November 2021 à 16:00

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

Options: Répondre•Citer ce Message
Re: Miniature des images php mysql css
Envoyé par: Otomatic (Modérateur)
Date: 11 November 2021 à 18:43

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

Options: Répondre•Citer ce Message


Aller à : Liste des Forums•Liste des messages•Recherche•Connexion
Désolé, seuls les utilisateurs connectés peuvent envoyer des messages dans ce forum.
Cliquer ici pour se connecter

design by jidePowered by Alter Way get firefoxget PHP