Gadget Blogger pour afficher un Diaporama Flickr

Les Gadgets Blogger permettent d'afficher un Diaporama d'un Photoset (album) de Flickr ou toutes les images d'un utilisateur (Photostream) de Flickr.
Les
Gadgets Blogger permettent d'afficher un
Diaporama d'un
Photoset (album) de Flickr ou toutes les images d'un utilisateur (
Photostream) de Flickr. Grâce à l'utilisation de
Yahoo Pipes il est possible d'afficher jusqu'à 500 photos par album ou par ensemble d'images. Le
Flux Media RSS de Flickr est analysé pour afficher une image sans perte de qualité jusqu'à 640 pixels de large.
Les variantes du Gadget
- Sans titre, un ensemble d'images
flickr-ph-slideshow-simple-b.xml

- Sans titre, images d'un album
flickr-slideshow-simple-b.xml

- Avec un titre et les légendes des photos. Ensemble d'images
flickr-ph-slideshow-b.xml
- Avec un titre et les légendes des photos. Images d'un album
flickr-slideshow-b.xml
Ajouter le Gadget sur son Blog
Soit avec le bouton
Add to Blogger, soit par
Présentation / Ajouter un gadget. Choisir ensuite
Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter :
Sans titre, ensemble d'images
http://prac-gadget.googlecode.com/files/flickr-ph-slideshow-simple-b.xml
Sans titre, images d'un album
http://prac-gadget.googlecode.com/files/flickr-slideshow-simple-b.xml
Avec titre et légendes, ensemble d'images
http://prac-gadget.googlecode.com/files/flickr-ph-slideshow-b.xml
Avec titre et légendes, images d'un album
http://prac-gadget.googlecode.com/files/flickr-slideshow-b.xml
Les paramètres des Gadgets
- Sans titre, ensemble d'images (Photostream)
UID : l'identifiant de l'utilisateur.
Ouvrir le compte Flickr, rechercher l'adresse marquée RSS. L'URL est 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.
PWH : la largeur des images en pixels. Jusqu'à 640 pixels, le diaporama affiche l'image en qualité originale.
PHT : la hauteur des images en pixels.
Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.
DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).
RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).
NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).
SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.
BCOL : #rrggbb. La couleur de la bordure du diaporama.
- Sans titre, image d'un album (Set)
SET : le Set (album) de Flickr à afficher.
Ouvrir l'album et copier son adresse. L'URL est de cette forme :
http://www.flickr.com/photos/prac53/sets/72157609076361497/
72157609076361497 est l'identifiant du Set à afficher.
Le Set doit être public.
PWH : la largeur des images en pixels. Jusqu'à 640 pixels, le diaporama affiche l'image en qualité originale.
PHT : la hauteur des images en pixels.
Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.
DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).
RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).
NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).
SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.
BCOL : #rrggbb. La couleur de la bordure du diaporama.
- Avec titre et légendes, ensemble d'images (Photostream)
UID : l'identifiant de l'utilisateur.
Ouvrir le compte Flickr, rechercher l'adresse marquée RSS. L'URL est 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.
PWH : la largeur des images en pixels.
PHT : la hauteur des images en pixels.
Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.
LNK : lien sur le titre du diaporama. Par défaut le titre n'est pas en zone chaude.
TIT : le titre du diaporama. Par défaut le titre du Flux Media RSS de Flickr.
DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).
RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).
NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).
SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.
BCOL : #rrggbb. La couleur de la bordure du diaporama.
TCOL : #rrggbb. La couleur du texte (titre et légendes). Par défaut la couleur définie dans le modèle du Blog.
LCOL : #rrggbb. La couleur du lien sur le titre. Par défaut la couleur définie dans le modèle du Blog.
CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.
- Avec titre et légendes, images d'un album (Set)
SET : le Set (album) de Flickr à afficher.
Ouvrir l'album et copier son adresse. L'URL est de cette forme :
http://www.flickr.com/photos/prac53/sets/72157609076361497/
72157609076361497 est l'identifiant du Set à afficher.
Le Set doit être public.
PWH : la largeur des images en pixels.
PHT : la hauteur des images en pixels.
Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.
LNK : lien sur le titre du diaporama. Par défaut le titre n'est pas en zone chaude.
TIT : le titre du diaporama. Par défaut le titre du Flux Media RSS de Flickr.
DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).
RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).
NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).
SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.
BCOL : #rrggbb. La couleur de la bordure du diaporama.
TCOL : #rrggbb. La couleur du texte (titre et légendes). Par défaut la couleur définie dans le modèle du Blog.
LCOL : #rrggbb. La couleur du lien sur le titre. Par défaut la couleur définie dans le modèle du Blog.
CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.
Les caractéristiques des gadgets
- Dépasse la limite normale des 20 images pour un Flux de Flickr (maximum 500 images)
- Images sans perte de qualité jusqu'à 640 pixels
- Affiche les images en format *.jpg, *.gif et *.png
- Fond transparent ou couleurs à choix
- Temps d'affichage modifiable
- Ordre aléatoire des images en option
- Suppression possible de la barre de navigation
- Clic sur image désactivé par défaut
- Affichage des légendes de chaque image (version avec titre)
Un exemple
J'ai utilisé, non pas un
Gadget Blogger pour cet exemple, mais la version
Gadget Google afin d'afficher le Diaporama dans le html de ce message.
Gadget Google ou Gadget Blogger
Un
Gadget Google peut être placé dans un message du Blog. Un
Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog).
Plus d'informations
Diaporama Flickr avec un Gadget Google
Diaporama des derniers messages avec un gadget Blogger
Un Gadget Blogger pour afficher les vignettes de Flickr
Ses photos Flickr sur un mur d'images, avec un Diaporama Tiltviewer
Diaporama Photobucket avec un Gadget Blogger
Diaporama Picasa avec un Gadget Blogger
Diaporama des derniers messages d'un Blog
Créer un Diaporama à partir d'un Flux Média RSS
Afficher des Diaporamas sur Google Sites
Des Gadgets pour son Blog