Galerie web Simpleviewer sans flash Lightroom - Retour d'expérience !

[K'Steel]

Hello à tous,

Qui n'a pas un jour pesté contre les galeries simpleviewer générées par LR en flash alors que la dernière version de sv fonctionne aussi sans flash sur les téléphones et tablettes à la pomme ?

En cherchant un peu j'ai trouvé comment contourner le pb et générer, à partir de LR une galerie Simpleviewer basée sur le dernier moteur.
La nouvelle version de SV se distingue par :

• 1 dossier "svcore" à la place du fichier "swf",
• le fichier gallery.xml avec un format un peu différent
• qq modifications dans le fichier index.html

sous LR:

• les générateurs de galeries sont enregistrés dans le dossier "Lightroom\Shared\webengines"
• Simpleviewer est enregistré dans le sous-répertoire "simpleviewer.lrwebengine"
• Lors de la génération d'une galerie:
  
  • LR exporte les images en 2 tailles, (vignettes et affichage principal)
  • LR génère le fichier gallery.xml qui décrit les images, le style de la galerie..
  • LR ajoute le fichier index.html et le fichier SWF qui permet de jouer la galerie en flash
  
  

le but de la manip' consiste donc à forcer LR à utiliser le nouveau format pour gallery.xml, utiliser le bon fichier index.html et bien référence le sous-répertoire "svcore"


Pour ce faire:

1. télécharger SV
2. dans le dossier "simpleviewer.lrwebengine" remplacer dans le fichier 'xmlTransformer.xslt', les lignes :

<image>
<filename><xsl:value-of select="@filename" />.jpg</filename>
<caption><xsl:value-of select="text/caption/text()" /></caption>
</image>

par les lignes suivantes:

<image>
<xsl:attribute name="imageURL">images/<xsl:value-of select="@filename" />.jpg</xsl:attribute>
<xsl:attribute name="thumbURL">thumb/<xsl:value-of select="@filename" />.jpg</xsl:attribute>
<caption><xsl:value-of select="text/caption/text()" /></caption>
</image>

3 - remplacer le fichier index.html par le fichier index.html récupéré dans le le zip de SV

• conseil n°1: modifier dans ce fichier la ligne <script type="text/javascript" src="svcore/js/simpleviewer.js"></script> afin d'y mettre le chemin du dossier "svcore" de votre site une fois pour toutes
• conseil n°2 si vous avez un suivi genre googleAnalytics ou xiti, vous pouvez y copier le code de suivi

4 - vu que maintenant LR va générer les fichier gallery.xml au nouveau format, il ne sera pas capable de les prévisualiser... pour éviter cela, il faut remplacer les fichiers dans le dossier "simpleviewer.lrwebengine":

• simpleviewer.js par le fichier du même nom du dossier "svcore"
• viewer.swf par le fichier "simpleviewer.swf" (après l'avoir renommé en viewer.swf) issu du dossier "svcore\swf"

5 - si vous n'avez pas suivi le conseil n°1 du point 3, il faudra à chaque génération de galerie copier le dossier 'svcore' dans le répertoire de votre galerie

Et voilà ! ça marche !

Attention avant de faire les manips', faites une sauvegarde de votre dossier "simpleviewer.lrwebengine"

[Ewhyles]

Merci pour le tuyaux, j'essaye dès que j'ai un peu de temps !!!

[K'Steel]

et ça marche aussi sous LR4