Galerie d'image automatique

Marsh Posté le 20-03-2022 à 18:28:01

Salut,

ça fait 15 ans que je génère des mini galleries depuis un plugin lightroom, les 5 premières années je les ai générées en HTML/FLASH, et ensuite en HTML/JS/CSS.
Du coup je me retrouve avec une cinquantaine de dossiers avec un répertoire images et un répertoire thumbnail : connaissez-vous un script PHP qui ferait en dynamique la génération de la page en scannant le répertoire image?
Le but c'est que la visualisation des images soit impeccable et responsive, j'ai déjà un script PHP qui fait de la navigation à la explorateur de fichier, là il me faut une galerie plate qui scanne un unique dossier "images", sans système de navigation ou autre.

Je peux faire un peu de modifs pour adapter le PHP à mes répertoires, par cotnre je voudrais éviter de réinventer la roue.

---------------
xPLduino, la domotique DIY deluxe - - - - Sigma 85mm F1.4

Reply

Marsh Posté le 20-03-2022 à 18:28:01

Reply

Marsh Posté le 09-12-2023 à 08:40:26

tu pourrais utiliser quelque chose comme le code ci-dessous. Assure-toi d'adapter les chemins et les noms de fichiers selon tes besoins :

Code :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mini Galerie</title>
<style>
/* Style CSS pour la mise en page, à adapter selon tes préférences */
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.gallery img {
width: 100%;
height: auto;
margin: 10px 0;
}
</style>
</head>
<body>
<div class="gallery">
<?php
$imagesDirectory = 'chemin/vers/ton/repertoire/images/';
$thumbnailsDirectory = 'chemin/vers/ton/repertoire/thumbnails/';
$images = glob($imagesDirectory . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
foreach ($images as $image) {
$thumbnail = str_replace($imagesDirectory, $thumbnailsDirectory, $image);
echo "<img src='$thumbnail' alt='Image'>";
}
?>
</div>
</body>
</html>

Ce script PHP utilise la fonction glob pour scanner le répertoire "images" à la recherche de fichiers d'images (extensions jpg, jpeg, png, gif). Il génère ensuite dynamiquement des balises <img> pour afficher ces images dans une mise en page responsive.

N'hésite pas à adapter le code en fonction de tes besoins spécifiques, et assure-toi d'avoir des chemins corrects vers tes répertoires. Si tu as des questions ou des ajustements à faire, n'hésite pas à demander !

Reply

Marsh Posté le 09-12-2023 à 08:57:11

Merci bien :jap:
Je jette un œil dès que j'ai un moment