Un mur d'images avec Tiltviewer

Gadget Google
Un mur d'images avec un diaporama Tiltviewer (To tilt : pencher, incliner)

Un Gadget Google pour afficher un diaporama Tiltviewer à partir d'une galerie en xml.

Le fichier xml du gadget

Le iframe du gadget

tiltviewer-gallery.xml

<iframe style="width: 560px; height: 430px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/tiltviewer-gallery.xml&up_XML=http://prac-gadget.googlecode.com/svn/branches/gallery-swiss-wineries.xml&up_SWF=http://prac-gadget.googlecode.com/svn/branches/tiltviewer.swf&up_TIT=Clos%20Domaines%20et%20Ch%C3%A2teaux&up_LNK=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fmaps-clos-domaines-chateaux.htm&up_SW=540&up_SH=380&up_MAX=520&up_TCOL=%23993300&up_BBOCOL=%23c3d9ff&up_BBICOL=%23000000&up_PFCOL=%23c3d9ff&up_PBCOL=%23cccccc&up_BFCOL=%23c3d9ff&up_BDCOL=%23cc0000&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Un mur d'images avec le diaporama Flash de TiltViewer - http://www.liens-du-vin.ch/galerie-mur-images.htm</iframe>

Le script

tiltviewer-gallery.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/tiltviewer-gallery.xml&up_XML=http://prac-gadget.googlecode.com/svn/branches/gallery-swiss-wineries.xml&up_SWF=http://prac-gadget.googlecode.com/svn/branches/tiltviewer.swf&up_TIT=Clos%20Domaines%20et%20Ch%C3%A2teaux&up_LNK=http%3A%2F%2Fwww.liens-du-vin.ch%2F_winemap%2Fmaps-clos-domaines-chateaux.htm&up_SW=540&up_SH=380&up_MAX=520&up_TCOL=%23993300&up_BBOCOL=%23c3d9ff&up_BBICOL=%23000000&up_PFCOL=%23c3d9ff&up_PBCOL=%23cccccc&up_BFCOL=%23c3d9ff&up_BDCOL=%23cc0000&up_CCOL=%23d1dae3&synd=open&w=560&h=430&title=Tiltviewer+Flash+Slideshow+-+Gallery+pictures&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Un mur d'images avec le diaporama Flash de TiltViewer - http://www.liens-du-vin.ch/galerie-mur-images.htm</noscript>

Les paramètres du gadget

tiltviewer-gallery.xml

XML : URL de la gallerie. Fichier xml contenant les images à afficher
SWF : URL du lecteur Flash (tiltviewer.swf)

Important : Les fichiers *.swf et *.xml doivent être hébergés sur le même Domaine Internet.

TIT : Titre du diaporama
LNK : URL du lien sur le titre

SW : Largeur en pixels du diaporama
HW : Hauteur en pixels du diaporama
MAX : La plus grande dimension de la plus grande image du diaporama

TCOL : #rrggbb couleur du titre
BBOCOL : #rrggbb couleur externe du fond
BBICOL : #rrggbb couleur interne du fond
PFCOL : #rrggbb couleur du cadre des images
PBCOL : #rrggbb couleur du verso des images
BFCOL : #rrggbb couleur de l'entourage
BDCOL : #rrggbb couleur du cadre

CCOL : #rrggbb couleur du conteneur

Le fichier xml

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<tiltviewergallery>
<photos>

   <photo imageurl="URL image" linkurl="lien plus d'infos">
   <title>titre de l'image</title>
   <description>
   <![CDATA[ La description de l image. Les tags <u>, <i> et <b> sont admis ]]>
   </description>
</photo>

   ........................

   </photos>
<tiltviewergallery>

Un exemple de fichier xml valide, gallery-swiss-wineries.xml

Affichage plein écran

Faire un clic droit, puis choisir Plein écran.

Hébergement sur Google Sites

Le lecteur Flash (tiltviewer.swf) ainsi que la galerie xml peuvent être hébergés sur Google Sites (page classeur).
Il faut cependant respecter les restrictions suivantes :

Fichier xml : - Ne pas utiliser l'adresse classique du fichier xml :

http://sites.google.com/site/NOMSITE/.../galerie.xml

mais utiliser la forme sécurisée de l'adresse :

http://nnn...nnn-a-mmm...mmm-s-sites.googlegroups.com/site/NOMSITE/.../galerie.xml

Pour obtenir l'adresse du fichier, télécharger le fichier xml depuis la page classeur (sous IE), puis avec l'explorateur Windows, retouvez ce fichier dans les fichiers temporaires Windows et recopier l'adresse Internet (Documents and Settings/user/local Settings/Temporary Internet Files)

Images - Les fichiers définis dans la galerie xml doivent être hébergés par un site appartenant à un Domaine Google (Google Sites, Picasa, ...)

Un exemple

Les plus beaux domaines viticoles de Suisse

Gadget Google - Un mur d'images avec le diaporama Flash de TiltViewer

Versions et mentions légales

Ancienne version : tiltviewer-gallery-gadget.xml. Legacy Gadget, obsolètes (deprecated)

© photos : www.diapo.ch et www.c-d-c.ch

Gadgets fournis par Google.

Pour les utilisateurs de Blogger

L'ajout d'un gadget par Eléments de la page / Ajouter gadget est très simple. Pour ajouter un gadget dans le corps d'un message, il suffit d'insérer un iframe dans le html du message.