SimpleViewer est une application libre, facile à installer et paramétrable.

Démonstration de SimpleViewer avec les paramètres de couleur de fond, nombre de photos miniatures affichées, …, par défaut.

La navigation par clic de souris ou par clavier est intuitive pour les visiteurs, et fluide par un système de pré-chargement des images. De plus, SimpleViewer est supporté par les plates-forme courantes.

Récupérez l’archive en cliquant ici

Je vous propose une installation manuelle :
- une fois téléchargée, décompressez l’archive soit sur votre pc (en local), soit sur votre espace web.
- copiez vos images dans le répertoire images/
- créez des miniatures de taille 65×65 pixels, si vos images ne sont pas carrées, choisissez 65 pixels soit en hauteur soit en largeur, ou sélectionnez dans vos images originales une zone de taille 65×65 pixels.
- éditez le fichier gallery.xml (NotePad, Bloc-note) et ajoutez vos photos sur le modèle suivant :

<image>
<filename>Divana.jpg</filename>
<caption>Divana</caption>
</image>

Indiquez le nom de l’image avec l’extension entre les balises <filename> </filename>. Le nom de l’image doit être le même dans le dossier images et le dossier thumbs (la miniature).
Le texte qui s’affichera dans le lecteur d’image flash sera celui indiqué entre les balises <caption> </caption>
- les paramètres sont disponibles à l’adresse suivante : <a>http://www.airtightinteractive.com/simpleviewer/options.html </a>

Comment sécuriser un minimum vos photos :
- un des paramètre est l’anti-clic droit ne permettant pas d’enregistrer vos photos à partir de la galerie photos.  Éditez le fichier gallery.xml et changez la variable true en false du paramètre enableRightClickOpen : enableRightClickOpen= »false »
- ajoutez un fichier ‘robots.txt’ pour que les moteurs de recherche courant ne référencent pas vos images dans les dossiers images/ et thumbs/ comme suit :

User-agent: *
Disallow:/images/
Disallow:/thumbs/

- vous pouvez aussi modifier le nom des dossiers images et/ou thumbs, en 43fssdf2424 par exemple, et modifier du coup dans le fichier gallery.xml la valeur du paramètre imagePath comme suit  imagePath= »./43fssdf2424/ »

- vous pouvez ajouter un fichier .htaccess permet de sécuriser vos images contre certaine pratique : le hot-linking (pratique de certaines personnes faisant un lien direct de vos images pour les afficher sur leur site) et l’aspiration de site, comme suit :

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?<votre_site_._extension/.*$ [NC]
RewriteCond %{REQUEST_FILENAME} !/thumbs/Divana.jpg$ [NC]
RewriteRule .(gif|jpg|jpeg|png)$ http://www.divana.fr/thumbs/Divana.jpg [R,L]

Site proposant SimpleViewer : http://www.airtightinteractive.com/simpleviewer/