par
FredoMkb » 12 mai 2008, 18:50
Salut
En plus de la solution de AB, voici une autre, légèrement différente au niveau de la boucle, mais le résultat est identique. J'en ai profité pour ajouter quelques commentaires afin que tu puisses comprendre aisément le rôle de chaque partie importante du code si jamais tu souhaites y apporter des modifs :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head><title>Galerie</title>
<style type="text/css">
<!--
body { background-color: #eeeeee; }
div { width: 100%; overflow: auto; }
table { text-align: center; }
table td { padding: 10px; background-color: #ffffff; }
-->
</style>
</head>
<body>
<div>
<?php
// Variables "$repertoire" et "$nombre" a personnaliser
$repertoire = dirname(__FILE__).'/'; // Chemin d'acces du dossier a lister
$nombre = 5; // Nombre d'images a afficher par ligne
$liste = array(); // Tableau pour la liste d'images a afficher
$table = array(); // Tableau pour le code Html a publier
// On debute le travail avec le contenu du repertoire (ouverture)
if ($dossier = opendir($repertoire)) {
// On recupre le nom de chaque image presente dans le repertoire
while (($item = readdir($dossier)) !== false) {
if ($item[0] == '.') { continue; }
if (!in_array(end(explode('.', $item)), array('jpg','jpeg','png','gif'))) { continue; }
$liste[] = $item;
}
closedir($dossier); // On fini de travailler avec le reperoire (fermeture)
rsort($liste); // On tri la liste d'images par ordre decroissant
// On construit le tableau Html pour l'affichage
$table[] = '<table align="center" cellspacing="10"><tr>';
for ($i = 0; $i < count($liste); $i++) {
$image = '<td><img src="'.$repertoire.$liste[$i].'" alt="'.$liste[$i].'" /></td>';
// Si le numero d'image a ajouter est multiple du nombre
// d'images par ligne, alors on ajoute une nouvelle rangee
if ((($i + 1) % $nombre) == 0) { $image .= '</tr><tr>'; }
$table[] = $image;
}
$table[] = '</tr></table>';
}
// On affiche le tableau avec les images
echo implode("\n", $table)."\n";
?>
</div>
</body>
</html>
Bien entendu, tu peux personnaliser l'aspect de l'affichage en modifiant les styles Css suivant tes goûts et/ou besoins...
Pour la solution avec des miniatures, tu souhaites faire quoi ?
1. Afficher les miniatures déjà existantes dans un autre dossier ?
2. Générer des miniatures à la volée à partir des images originales ?
3. Autre ?
La première solution est relativement simple à faire, puisque le présent script peut très bien s'utiliser pratiquement en l'état (il faudrait juste ajouter le lien vers l'image originale), pour la deuxième solution, en revanche, il faudra faire appel à un programme de manipulation d'images pour pouvoir générer les miniatures, ça se complique donc un peu, à voir...
Voilô... à+
Salut :)
En plus de la solution de AB, voici une autre, légèrement différente au niveau de la boucle, mais le résultat est identique. J'en ai profité pour ajouter quelques commentaires afin que tu puisses comprendre aisément le rôle de chaque partie importante du code si jamais tu souhaites y apporter des modifs :
[php]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head><title>Galerie</title>
<style type="text/css">
<!--
body { background-color: #eeeeee; }
div { width: 100%; overflow: auto; }
table { text-align: center; }
table td { padding: 10px; background-color: #ffffff; }
-->
</style>
</head>
<body>
<div>
<?php
// Variables "$repertoire" et "$nombre" a personnaliser
$repertoire = dirname(__FILE__).'/'; // Chemin d'acces du dossier a lister
$nombre = 5; // Nombre d'images a afficher par ligne
$liste = array(); // Tableau pour la liste d'images a afficher
$table = array(); // Tableau pour le code Html a publier
// On debute le travail avec le contenu du repertoire (ouverture)
if ($dossier = opendir($repertoire)) {
// On recupre le nom de chaque image presente dans le repertoire
while (($item = readdir($dossier)) !== false) {
if ($item[0] == '.') { continue; }
if (!in_array(end(explode('.', $item)), array('jpg','jpeg','png','gif'))) { continue; }
$liste[] = $item;
}
closedir($dossier); // On fini de travailler avec le reperoire (fermeture)
rsort($liste); // On tri la liste d'images par ordre decroissant
// On construit le tableau Html pour l'affichage
$table[] = '<table align="center" cellspacing="10"><tr>';
for ($i = 0; $i < count($liste); $i++) {
$image = '<td><img src="'.$repertoire.$liste[$i].'" alt="'.$liste[$i].'" /></td>';
// Si le numero d'image a ajouter est multiple du nombre
// d'images par ligne, alors on ajoute une nouvelle rangee
if ((($i + 1) % $nombre) == 0) { $image .= '</tr><tr>'; }
$table[] = $image;
}
$table[] = '</tr></table>';
}
// On affiche le tableau avec les images
echo implode("\n", $table)."\n";
?>
</div>
</body>
</html>[/php]
Bien entendu, tu peux personnaliser l'aspect de l'affichage en modifiant les styles Css suivant tes goûts et/ou besoins...
Pour la solution avec des miniatures, tu souhaites faire quoi ?
1. Afficher les miniatures déjà existantes dans un autre dossier ?
2. Générer des miniatures à la volée à partir des images originales ?
3. Autre ?
La première solution est relativement simple à faire, puisque le présent script peut très bien s'utiliser pratiquement en l'état (il faudrait juste ajouter le lien vers l'image originale), pour la deuxième solution, en revanche, il faudra faire appel à un programme de manipulation d'images pour pouvoir générer les miniatures, ça se complique donc un peu, à voir...
Voilô... à+ :)
