Site personnel (ouvert aux commentaires) parlant essentiellement des thèmes suivants : CSS (cascading style sheet), Design Web (création de site internet), Geek, Mac, Apple, Photo, Vidéos, Flash, Droit, Vie en communauté, Responsabilité et d'actualité. Désolé pas de photos porno, pas de publicité, ni de fenêtre popup, on vous aura mal renseigné...
Romain.info Monologue extérieur
admin

11/7/2007

Script de création automatique de galerie SimpleViewer

SimpleViewer

Les instructions qui suivent vous présentent comment préparer une galerie avec SimpleViewer en générant automatiquement les icônes des photos et le fichier XML requis par SimpleViewer. Pour cela il faudra simplement télécharger les images dans un répertoire de votre serveur et lancer un script en PHP.

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°) Téléchargez le script de création

Version PHP (anglais/français) [fichier zip - 3k]. Pour les serveurs web Unix

3°) 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 ».

4°) Choisissez les options de la galerie (optionnel)

Éditez le fichier avec n’importe quel éditeur de texte (par exemple : NotePad, TextEdit, etc.). Choisissez les options tel qu’indiqué dans le script. Voici une liste des options (en français ou en anglais) XML ainsi que leur description.

Choisissez si vous souhaitez qu’apparaisse un lien de téléchargement pour chaque image dans la légende en positionnant la variable de showDownloadLinks sur « true » ou « false« .

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.

7°) Sélectionner les permissions du fichier

Sélectionnez les permission et attributs du fichier de création de galerie, de gallery.xml et du dossier thumbs pour lire/écrire/éxécuter pour tout le monde (777). Vous pouvez faire ceci avec votre logiciel FTP, vérifier comment procéder en étudiant son manuel.

8°) Lancez le script

Dans un fureteur, naviguez jusqu’à l’URI de votre script (par example ‘http://www.mySite.com/myGallery/buildgallery.php‘ ). Le script va vous informer si les icônes et le fichier XML ont été créés avec succès.

9°) Editez les légendes

Si vous souhaitez avoir des légendes sous vos images, vous pouvez télécharger et éditer gallery.xml qui se trouve dans le dossier de votre galerie photo, c’est un simple fichier texte qui peut être édité par n’importe quel éditeur de texte (par exemple : NotePad, TextEdit, etc.). insérez vos légendes sous chaque image entre les tag &elt;caption&egt;.

Mise à jour de la galerie

Pour mettre à jour la galerie avec de nouvelles images, télédéchargez vos nouvelles images dans le dossier images sur le serveur et chargez le script à nouveau (voir étape 8). ATTENTION : vos précédentes légendes seront effacés.

(Source)

7 commentaires »

Votre Gravatar

Bonjour,
Merci pour ces précieuses explications dont j’étais justement à la recherche. Je n’ai pas trouvé comment ajouter du texte sur la page des photos, quelle est l’astuce ? J’ai un bug avec Safari (OS X) lorsque je teste mon essai, la phrase « ouvrir dans une autre fenêtre » est buggée et je ne sais pas comment la modifier…
Pouvez-vous m’aider ?

Comment by Sounder — 21/7/2007 @ 20 h 36

Votre Gravatar

Le problème d’affichage du « ê » va se régler en même temps que tu vas comprendre où insérer la légende de chaque photo. Pour cela il faut éditer le fichier gallery.xml, tel que c’est décrit à l’étape 4 de ce précédent article sur le sujet.
L’erreur d’affichage est dûe en partie à une erreur de ma part, le script ne prend pas en compte les caractères diacritiques (les lettres accentuées et les cédilles), et la génération de ce « ê » se fait automatiquement. Je vais modifier le script pour que ça n’arrive plus. Il faudra éventuellement ré-télécharger la version française modifiée (ou modifier manuellement touts les tags <caption>).

Comment by Romain — 21/7/2007 @ 22 h 26

Votre Gravatar

Merci beaucoup Romain. Je te réécris un message si j’ai un autre souci. ;-)
Sounder (Grenoble)

Comment by Sounder — 22/7/2007 @ 19 h 46

Votre Gravatar

Salut,

J’ai moi aussi écris quelques « bidouilles » pour simplifier SimpleViewer, notamment un script PHP de génération automatique des mes galeries SimpleViewer. C’est un peu « bourrin » mais ca fonctionne bien.

Qu’en pense tu ?

Comment by erda — 19/9/2007 @ 13 h 47

Votre Gravatar

@erda : effectivement c’est bourrin. L’idée n’est pas mauvaise, mais j’ai l’impression qu’on sacrifie la fonctionnalité sur l’autel de la simplicité. Dans ton script il faut que webmaster lambda sache convertir ses photos. En soi, cette seule étape mérite des explications, car la manipulation d’image n’est généralement pas le point fort des créateurs de site web.
Et cela signifie aussi que les légendes ne doivent contenir ni accent , ni lettre accentuée, ni apostrophe, bref, tout ce que l’on trouve en abondance dans la langue française telle que l’illustre la présente phrase. Or tout cela est nécessaire à la compréhension.
L’idéal serait un script qui gère les commentaires dans une base de donnée (mais alors il faudra aussi avoir, et pouvoir mettre en place une base de donnée), ou qui aille les lire dans le données EXIF, ce qui se fait déjà. Cette dernière solution à l’intérêt de ne pas dépendre d’une plateforme particulière et de rendre possible l’ajout ou le retrait de photos, sans conséquences notoires sur le reste de nos activités de la journée ;)

Comment by Romain — 19/9/2007 @ 17 h 58

Votre Gravatar

Hello,

Je le conçois, on perd en fonctionnalité, mais après tout le but premier était bien de gagner en simplicité. Il se trouve que cette solution m’arrange tel quel, c’est sans doute le cas pour d’autres.

tu disais : « Dans ton script il faut que webmaster lambda sache convertir ses photos ». Je pense que c’est un faux problème que tu soulève car :
1/ Ce n’est pas une obligation, cela marche très bien sans, simplement cela mettra plus de temps a charger.
2/ Dans la version « original » il faut bien faire soit même les vignettes non ? je pense que celui qui en est capable doit être capable aussi de sizer ses photos.
3/ et quand bien même, admettons qu’il ne sache pas le faire et qu’il « monte » une galerie SimpleViewer « d’origine ». Ses photos en 3008 x 2000 et 300 dpi ;) seront également longues a charger.

Concernant les accents et cédilles je suis entièrement d’accord avec toi, c’est même le point chagrinant qui m’incite au point suivant, a savoir mettre les commentaires en base de données comme tu disais. Ca sera d’ailleurs l’objet de la suite de mon article.

Les EXIF on y pense jamais mais dans notre cas c’est une excellente idée ! Si tu me le permet, je vais essayer de voir ce que je peux en tirer. Je crois que ‘UserComments’ me parait la plus indiqué. Par contre, tu disais :
« Cette dernière solution à l’intérêt de ne pas dépendre d’une plateforme particulière »
Si je ne m’abuse il faut bien les extraire ces données, donc avoir un langage coté serveur type PHP, ASP, perl, etc… non ? Ou alors quelque chose m’échappe…

En tout ca merci de ta réponse, c’est toujours dynamisant d’avoir d’autres points de vue.
a bientôt

ERDA

.

Comment by erda — 20/9/2007 @ 10 h 53

Votre Gravatar

@erda : effectivement, j’aurais dû détailler un peu plus ce que j’entendais quand je parlais de convertir les photos. J’aurais dû préciser que je me place toujours du point de vue de l’utilisateur qui a le moins de bande passante. Charger une icône n’est pas aussi contraignant que de charger toutes les images réduites pour identifier celle qu’on veut voir (ou revoir).
Tu le soulignes, normalement le webmestre lambda doit savoir réduire ses vignettes. Mais le présent article s’adresse à ceux qui ne savent pas le faire ou qui ne veulent pas perdre du temps à le faire. et puis là aussi, j’imagine toujours que c’est à ma mère que je livre des explications techniques, il faut être super détaillé et j’essaye de ne jamais assumer que le lecteur sait déjà faire quelque chose.
Du reste, pour résoudre les problèmes que nous avons avec ces commentaires, j’ai trouvé un plugin pour WordPress qui m’a l’air de répondre à la plupart de mes griefs, peut-être aussi aux tiens : wp-simpleviewer. Il permet de créer des albums, de générer automatiquement les icônes et de modifier les commentaires facilement. Quelques petites retouches et je crois que je vais l’intégrer.

Comment by Romain — 20/9/2007 @ 17 h 46

Flux RSS des commentaires de cet article. TrackBack URI

Laisser un commentaire

XHTML: Balises autorisées: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> Gravatar activé