diaporama flickr & picasa

Voici une méthode pour pouvoir intégrer un diaporama picasa ou flickr dans un article du site !

Ca peut paraitre compliqué au premier abord, mais c'est en réalité assez simple, il suffit de suivre les instructions pas à pas.

Bien entendu il faut disposer d'un compte picasa ou flickr et avoir préalablement crée un album publique.

Il s'agit ici des photos de compte rendu de sortie essentiellement.

Picasa (google+)

Acceder à votre album picasa/google+ en suivant ce lien picasa Albums Web au lieu de google+:

https://picasaweb.google.com/lh/myphotos?noredirect=1

Dans l'album, cliquer sur lien vers cet album dans le bandeau de droite , puis sur insérer un diaporama dans une page web

Dans la fenêtre qui s'ouvre, choisir la taille du diaporama Très grande 600 px puis copier le code HTML et le coller dans votre article.

cliquer sur Enregistrer les modifications, puis sur continuer à modifier cet article
cliquer sur Enregistrer les modifications l'article à nouveau, puis cette fois choisir retour a la liste de mes articles
ouvrir l'article pour vérifier que le diaporama marche bien. Voici un exemple :

Flickr (yahoo)

Aller sur votre compte flickr, ouvrez l'album que vous souhaitez partager et copier l'adresse de la page, qui doit ressembler à

https://www.flickr.com/photos/20646599@N01/sets/72157630060730999

Aller sur http://www.flickrslideshow.com/

Coller l'adresse de votre album dans le champ URL of User, Set

Attention, dans l'adresse de votre album que vous venez de coller, il faut remplacer "/albums" par "/sets" comme dans l'exemple ci-dessus. Sinon le numero d'album n'est pas pris en compte et le diaporama affichera toutes vos photos publiques

régler les dimensions du diaporama

Slideshow Width = 600 (largeur maximal affichable dans un article du site)

Slideshow Height = 338 si vos photos sont en 16/9 (format large)

Slideshow Height = 450 si vos photos sont en 4/3 (format classique)

Cliquer sur create slideshow

Copier le code HTML et le coller dans votre article.

Au début du code, remplacer margin:auto par margin:0

cliquer sur Enregistrer les modifications, puis sur continuer à modifier cet article
cliquer sur Enregistrer les modifications l'article à nouveau, puis cette fois choisir retour a la liste de mes articles
ouvrir l'article pour vérifier que le diaporama marche bien. Voici un exemple :

Created with flickr slideshow.

PERMANENCES LES VENDREDIS de18h à 19h30

ADHERER OU RENOUVELER SA LICENCE EN LIGNE

RESERVATION DU CHALET