Diaporama à partir du Flux Media RSS de Flickr

Gadget Google
Un diaporama de Flickr - Personnaliser le Diaporama à partir du Flux Media RSS

Le Gadget Google insère un Diaporama qui affiche le Set de Flickr ou un ensemble d'images (Photostream) à partir du Flux Media RSS.

Le fichier xml des gadgets

flickr-ph-slideshow-simple.xml

flickr-slideshow-simple.xml

flickr-ph-slideshow.xml

flickr-slideshow.xml

Le iframe des gadgets

flickr-ph-slideshow-simple.xml

<iframe style="width: 520px; height: 460px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-ph-slideshow-simple.xml&up_UID=42038249@N00&up_PWH=480&up_PHT=360&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama Flickr - Photostream http://www.liens-du-vin.ch/flickr-gadget-script.htm</iframe>

flickr-slideshow-simple.xml

<iframe style="width: 520px; height: 460px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-slideshow-simple.xml&up_SET=72157609076361497&up_PWH=480&up_PHT=360&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama Flickr - http://www.liens-du-vin.ch/flickr-gadget-script.htm</iframe>

flickr-ph-slideshow.xml

<iframe style="width: 520px; height: 460px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-ph-slideshow.xml&up_UID=42038249@N00&up_PWH=480&up_PHT=360&up_LNK=http://www.liens-du-vin.ch&up_TIT=La+Noblesse+des+Vins+Suisses&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_TCOL=%23000000&up_LCOL=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama Flickr Photostream - http://www.liens-du-vin.ch/flickr-gadget-script.htm</iframe>

flickr-slideshow.xml

<iframe style="width: 520px; height: 460px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-slideshow.xml&up_SET=72157609076361497&up_PWH=480&up_PHT=360&up_LNK=http://www.liens-du-vin.ch&up_TIT=La+Noblesse+des+Vins+Suisses&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_TCOL=%23000000&up_LCOL=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama Flickr - http://www.liens-du-vin.ch/flickr-gadget-script.htm</iframe>

Le script des gadgets

flickr-ph-slideshow-simple.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-ph-slideshow-simple.xml&up_SET=72157609076361497&up_PWH=480&up_PHT=360&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3&up_PWidth=490&up_PHeight=420&synd=open&w=510&h=440&title=Diaporama+Flickr+(Photoset)&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama Flickr (Photostream) - http://www.liens-du-vin.ch/flickr-gadget-script.htm</noscript>

flickr-slideshow-simple.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-slideshow-simple.xml&up_SET=72157609076361497&up_PWH=480&up_PHT=360&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3&up_PWidth=490&up_PHeight=420&synd=open&w=510&h=440&title=Diaporama+Flickr+(Photoset)&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama Flickr (Photoset) http://www.liens-du-vin.ch/flickr-gadget-script.htm</noscript>

flickr-slideshow.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-slideshow.xml&up_SET=72157609076361497&up_PWH=480&up_PHT=360&up_LNK=http://www.liens-du-vin.ch&up_TIT=La+Noblesse+des+Vins+Suisses&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_TCOL=%23000000&up_LCOL=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3&synd=open&w=490&h=420&title=La+Noblesse+des+Vins+Suisses&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama Flickr (Photoset) - http://www.liens-du-vin.ch/flickr-gadget-script.htm</noscript>

flickr-ph-slideshow.xml

<script src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-ph-slideshow.xml&up_UID=42038249@N00&up_PWH=480&up_PHT=360&up_LNK=http://www.liens-du-vin.ch&up_TIT=La+Noblesse+des+Vins+Suisses&up_DTime=&up_TTime=&up_RND=&up_CLP=&up_NAB=&up_TCOL=%23000000&up_LCOL=&up_SCOL=%23c3d9ff&up_BCOL=%23f00&up_CCOL=%23d1dae3&synd=open&w=490&h=420&title=La+Noblesse+des+Vins+Suisses&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama Flickr (Photostream) - http://www.liens-du-vin.ch/flickr-gadget-script.htm</noscript>

Les paramètres des gadgets

flickr-ph-slideshow-simple.xml

Diaporama simple, sans titre ni légendes. Affiche un ensemble d'images (Photostream)

UID : Identifiant de l'utilisateur Flickr (Photostream).

Ouvrir le compte Flickr, rechercher l'adresse du Flux RSS, de cette forme :

http://api.flickr.com/services/feeds/photos_public.gne?id=42038249@N00&lang=fr-FR&format=rss_200

42038249@N00 est l'identifiant de l'utilisateur.

Le gadget affiche un maximum de 500 images.

PWH : largeur des images en pixels. Jusqu'à 640 pixels le diaporama affiche l'image en qualité originale
PHT : hauteur des images en pixels. Toutes les images sont mises à l'échelle, en se basant sur PWH et PHT

DTime : temps d'affichage en ms. (de 1000 à 12000). Defaut : 4000.
TTime : temps de transition entre les images en ms. (de 500 à 6000). Defaut : 2000.

RND : affichage des images dans un ordre aléatoire (Yes - No, défaut No)

CLP : ouverture d'une fenêtre Flickr lors d'un clic sur l'image (Yes - No, défaut No)

NAB : affichage de la barre de navigation (Yes - No, défaut Yes)

SCOL : #rrggbb couleur du fond du diaporama
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur

flickr-slideshow-simple.xml

Diaporama simple, sans titre ni légendes

SET : Le Set (Photoset) de Flickr à afficher.

Ouvrir l'album de Flickr et copier l'adresse du Set. Une adresse de cette forme :

http://www.flickr.com/photos/prac53/sets/72157609076361497

72157609076361497 est l'identifiant du Photoset.

Le gadget affiche un maximum de 500 images.

PWH : largeur des images en pixels. Jusqu'à 640 pixels le diaporama affiche l'image en qualité originale
PHT : hauteur des images en pixels. Toutes les images sont mises à l'échelle, en se basant sur PWH et PHT

DTime : temps d'affichage en ms. (de 1000 à 12000). Defaut : 4000.
TTime : temps de transition entre les images en ms. (de 500 à 6000). Defaut : 2000.

RND : affichage des images dans un ordre aléatoire (Yes - No, défaut No)

CLP : ouverture d'une fenêtre Flickr lors d'un clic sur l'image (Yes - No, défaut No)

NAB : affichage de la barre de navigation (Yes - No, défaut Yes)

SCOL : #rrggbb couleur du fond du diaporama
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur

flickr-ph-slideshow.xml

Diaporama avec titre et légendes des images. Affiche un ensemble d'images (Photostream)

UID : Identifiant de l'utilisateur Flickr (Photostream).

Ouvrir le compte Flickr, rechercher l'adresse du Flux RSS, de cette forme :

http://api.flickr.com/services/feeds/photos_public.gne?id=42038249@N00&lang=fr-FR&format=rss_200

42038249@N00 est l'identifiant de l'utilisateur.

Le gadget affiche un maximum de 500 images.

PWH : largeur des images en pixels. Jusqu'à 640 pixels le diaporama affiche l'image en qualité originale
PHT : hauteur des images en pixels. Toutes les images sont mises à l'échelle, en se basant sur PWH et PHT

LNK : lien sur le titre (URL). Par défaut le titre n'est pas en zone chaude
TIT : titre du diaporama. Par défaut, le titre du Photoset Flickr

DTime : temps d'affichage en ms. (de 1000 à 12000). Defaut : 4000.
TTime : temps de transition entre les images en ms. (de 500 à 6000). Defaut : 2000.

RND : affichage des images dans un ordre aléatoire (Yes - No, défaut No)

CLP : ouverture d'une fenêtre Flickr lors d'un clic sur l'image (Yes - No, défaut No)

NAB : affichage de la barre de navigation (Yes - No, défaut Yes)

TCOL : #rrggbb couleur du titre et des légendes
LCOL : #rrggbb couleur du lien sur le titre. Par défaut, couleur du texte
SCOL : #rrggbb couleur du fond du diaporama
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur

flickr-slideshow.xml

Diaporama avec titre et légendes des images

SET : Le Set (Photoset) de Flickr à afficher.

Ouvrir l'album de Flickr et copier l'adresse du Set. Une adresse de cette forme :

http://www.flickr.com/photos/prac53/sets/72157609076361497

72157609076361497 est l'identifiant du Photoset.

Le gadget affiche un maximum de 500 images.

PWH : largeur des images en pixels. Jusqu'à 640 pixels le diaporama affiche l'image en qualité originale
PHT : hauteur des images en pixels. Toutes les images sont mises à l'échelle, en se basant sur PWH et PHT

LNK : lien sur le titre (URL). Par défaut le titre n'est pas en zone chaude
TIT : titre du diaporama. Par défaut, le titre du Photoset Flickr

DTime : temps d'affichage en ms. (de 1000 à 12000). Defaut : 4000.
TTime : temps de transition entre les images en ms. (de 500 à 6000). Defaut : 2000.

RND : affichage des images dans un ordre aléatoire (Yes - No, défaut No)

CLP : ouverture d'une fenêtre Flickr lors d'un clic sur l'image (Yes - No, défaut No)

NAB : affichage de la barre de navigation (Yes - No, défaut Yes)

TCOL : #rrggbb couleur du titre et des légendes
LCOL : #rrggbb couleur du lien sur le titre. Par défaut, couleur du texte
SCOL : #rrggbb couleur du fond du diaporama
BCOL : #rrggbb couleur de la bordure
CCOL : #rrggbb couleur du conteneur

Un exemple

Le diaporama des plus beaux Domaines Viticoles Suisses.

Gadget Google - Diaporama / Slideshow de Flickr

Versions et mentions légales

Ancienne version : flickr-gadget-blog.xml, flickr-gadget.xml, flickr-gadget-ct.xml. Legacy Gadget, obsolètes (deprecated)

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

Gadgets fournis par Google.

Pour les utilisateurs de Blogger

L'ajout d'un Gadget Google par Eléments de la page / Ajouter gadget est très simple. Choisir Ajouter votre propre (Gadget), puis saisir l'URL du gadget à ajouter.
Pour ajouter un gadget dans le corps d'un message, il suffit d'insérer un iframe dans le html du message.