Générateur de galerie d'images, interface graphique

Ce script génère une page web présentant une galerie d'images construite automatiquement à partir des images contenues dans un répertoire dont on indique le chemin.

Il existe une version en ligne de commande.

Cet outil en ligne vous permet de cocher des fichiers d'images dans une liste construite à partir du contenu de votre site Web, pour réaliser un fichier de galerie, paramétré selon vos préférences.

Le programme fonctionne en deux temps. Une première interface propose les options pour sélectionner les fichiers d'images, puis une fois la liste affichée, une seconde interface définit comment réaliser la galerie. Celle-ci est créée dans un fichier HTML sur le site, dans le répertoire et sous le nom voulus.

Noter que l'apparence de la galerie est définie par vous-même dans une feuille de style. Pour ce faire les images sont dotée de la classe "thumb", et le fichier CSS est référencé sous le nom de "gallery.css".
A vous de construire cette feuille de style et d'y definir le descripteur thumb.

Interface de sélection des fichiers

Source of images: Le répertoire où se trouvent les images. Par defaut, "/images/".
Toujours terminé par "/".
Recurse: Parcours récursif des sous-répertoire ou non. Par defaut non, seul le contenu du répertoire est listé.
Since: Nombre de jours précédents. Si les images ont été mises en ligne le jour même, mettre 1 pour accélérer la recherche.
Image extensions: Liste des extensions reconnues, séparées par une virgule (sans espace). Vous pouvez ici ajouter ou supprimer des extensions.
Only image: Par défaut seuls les fichiers d'image, identifiés par les extensions, sont pris en compte. Si vous avez vos raisons pour affichier d'autres fichiers, décochez la case.
Get Images: Command pour lancer la construction de la liste.

Interface de définition de la galerie

Title: Donner un titre à la page et à la balise H1.
File to create: Nom du fichier HTML à créer pour afficher les images. Si vide, ou si "/", aucun fichier n'est créé, la galerie sera juste affichée, et cela permet de voir l'effet produit.
Noter que le fichier ne peut écraser un fichier existant. Si vous faites donc de nombreux essai, l'hébergement sera rempli de nombreux fichiers à effacer!
Columns: Nombre d'images juxtaposées sur un même ligne.
Il faudra adapter la largeur de la page en fonction de la largeur totale.
Generate Gallery: Déclencher la génération. Dans tous les cas, la galerie sera affichée, même si un fichier est créé.

Exemple de feuille de style

Un fichier gallery.css minimal peut ressembler à ceci:

body {
  width: 3000px;
}

.thumb {
  margin:2px;
  border:3px solid #ccc;
}

La largeur de la page définie dans body depend de la somme de la largeur des images sur une même ligne.

Téléchargement sur la page de Bioloide.