Créer une galerie avec SimpleViewer manuellement

Les instructions qui suivent vous présentent comment préparer une galerie avec SimpleViewer en générant manuellement les icônes des photos et le fichier XML requis par SimpleViewer.

Pour faire ceci vous pouvez utiliser l’éditeur de texte et le logiciel de traitement d’image de votre choix. Cette option est recommandée si vous n’avez pas accès à des scripts automatiques sur vos serveurs, ou si vous souhaitez un contrôle plus pointu des options de personnalisation.

Suivez les indications qui suivent pour créer une galerie SimpleViewer sur votre site web :

1°) Téléchargez les fichiers de SimpleViewer

Téléchargez et décompressez les fichiers SimpleViewer dans un nouveau dossier.

2°) Ajoutez vos images

Copiez vos images dans le dossier images. Ces dernières doivent être en format JPG et enregistrées sans l’option « progressif ».

3°) Créez les icônes

Créez les icônes avec un logiciel de traitement d’image (par exemple Photoshop). Placez les icônes dans le dossier thumbs. Les icônes doivent avoir le même nom que les images qu’elles illustrent. Les icônes doivent avoir au minimum une taille de 65×65 pixels (les icônes plus grandes seront coupées).

4°) Éditez gallery.xml

Ce fichier est un simple fichier texte qui peut être édité par n’importe quel éditeur de texte (par exemple : NotePad, TextEdit, etc.). Choisissez les paramètres de votre galerie en modifiant les diverses options du tag simpleviewerGallery au début du fichier. Voici une liste des options (en français ou en anglais) XML ainsi que leur description.

Ensuite, ajoutez un tag <image> pour chaque image de votre galerie :

<image>
	<filename>115-1503_IMG.jpg</filename>
	<caption>Arles old town.</caption>
</image>

<filename> est à la fois le nom de l’image et de son icône.

<caption> est une légende optionnelle de l’image.

5°) Choisissez la couleur d’arrière-plan (optionnel)

Pour choisir la couleur d’arrière plan, éditez le fichier index.html. Entrez la valeur hexadécimale comme dernier paramètre dans la ligne de code SWFObject :

var fo = new SWFObject("viewer.swf", "viewer", 
"100%", "100%", "7", "#ff00ff");

6°) Téléchargez les fichiers sur votre serveur

Téléchargez par FTP tous les fichiers dans un dossier sur votre site web.

(Source)