Un diaporama à partir d'un flux RSS - Smugmug Partage de Photos

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

Le Gadget Google insère un Diaporama qui affiche des photos de Smugmug à partir du Flux Media RSS.

Le fichier xml du gadget

Le iframe du gadget

smugmug-gadget.xml

<iframe allowtransparency="true" scrolling="no" frameborder="0" width="498" height="393" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/smugmug-gadget.xml&up_File=http%3A%2F%2Fapi.smugmug.com%2Fhack%2Ffeed.mg%3FType%3Dpopular%26Data%3Dtoday%26format%3Drss&up_Link=http%3A%2F%2Fsites.google.com%2Fsite%2Fannuairevin%2Fmedia-rss-feed-slideshow&up_Titre=Media%20RSS%20Feed%20for%20your%20Slideshow&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23fff&up_SlideBcol=%23000&up_BoxBcol=%23d1dae3&up_PWidth=400&up_PHeight=300">Afficher un diaporama à partir d'un flux de Smugmug</iframe>

Le script

smugmug-gadget.xml

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/smugmug-gadget.xml&up_File=http%3A%2F%2Fapi.smugmug.com%2Fhack%2Ffeed.mg%3FType%3Dpopular%26Data%3Dtoday%26format%3Drss&up_Link=http%3A%2F%2Fsites.google.com%2Fsite%2Fannuairevin%2Fmedia-rss-feed-slideshow&up_Titre=Media%20RSS%20Feed%20pour%20votre%20Diaporama&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23fff&up_SlideBcol=%23000&up_BoxBcol=%23d1dae3&up_PWidth=400&up_PHeight=300&synd=open&w=498&h=393&title=Slideshow+from+Smugmug+Feed&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Afficher un diaporama à partir d'un flux de Smugmug</noscript>

Les paramètres du gadget

smugmug-gadget.xml

File : Le Flux Media RSS. Le détail des paramètres est documenté sur le Wiki de smugmug.
Par exemple :
http://api.smugmug.com/hack/feed.mg?Type=popular&Data=today&format=rss

Link : URL du lien sur le titre du diaporama
Titre : Titre du lien sur le titre

Textcol : #rrggbb couleur du texte
TextBcol : #rrggbb couleur du fond du texte
Bordercol : #rrggbb couleur de la bordure
SlideBcol : #rrggbb couleur du fond du diaporama
BoxBcol : #rrggbb couleur du fond du conteneur

PWidth : largeur des images en pixels
PHeight : hauteur des images en pixels

Un exemple

La Les photos les plus populaires aujourd'hui

Afficher un diaporama à partir d'un flux de Smugmug

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.