Insérer un diaporama Flickr dans une page internet

Découvert avec le projet photo 52, Flickr me compte désormais parmi ses adeptes, surtout depuis que j'ai trouvé comment insérer un diaporama sur mon blog !

J'ai longtemps cherché la fonction de partage d'un diaporama dans Flickr, croyant même qu'elle n'existait pas... (de même que je n'aurais jamais trouvé comment insérer un badge sur mon blog si je ne l'avais vu ailleurs).



En fait, c'est tout bête mais, contrairement à ce qui se passe sur Picasa Web, dans Flickr il faut d'abord lancer le diaporama pour trouver la fonction Partager.

1. Se connecter sur Flickr et sélectionner l'album à partager.

2. Lancer le diaporama (la fonction Partager disponible sur cet écran permet de partager l'album mais pas sous forme de diaporama).

3. Cliquer sur Partager (1) puis copier le code HTML (ou sur Personnaliser ce code HTML (2) pour modifier les dimensions du diaporama).

4. Coller le code HTML dans la page internet.

Le truc en plus : pour afficher les informations liées à chaque photo, il faut passer en affichage plein écran (le petit carré avec 4 flèches en bas à droite) puis cliquer sur Afficher les infos.

► Tous mes tutoriels sont dans l'index "informatique"

Afficher un badge Flickr sur son blog

En début d''année avec le démarrage de mes projets photo, j'ai redécouvert et réactivé mon compte Flickr.

www.flickr.com

(aperçu aléatoire de mes photos "au jour le jour" : module "html")

J'ai même été "obligée" de passer à un compte pro, pour afficher plus que les 200 photos du compte gratuit (voir mon journal du 25 mai).

Du coup, j'en "fais de la pub", histoire de pouvoir me dire que je ne paie pas 20€ par an uniquement pour regarder en ligne des photos que j'ai sur mon disque dur.

Pour cela, Flickr propose des "badges" à afficher sur son blog, dans un article ou une colonne latérale, avec un aperçu aléatoire des photos.

www.flickr.com

Voici un module Flickr utilisant des éléments d'un album intitulé Au jour le jour - 2011. Créez votre propre module ici.

(aperçu dynamique de mes photos "au jour le jour" : module "flash")

Il est plutôt simple d'installer l'un ou l'autre de ces badges personnalisables, la principale difficulté étant de le trouver sur le site !

Démonstration en images du générateur de badge Flickr :

Etape 1 : choisir le type de module, html ou flash

Etape 2 : Choisir les photos à afficher dans le module

Etape 3 : Choisir une présentation, horizontale ou verticale,
le nombre et la forme des vignettes

Etape 4 : Choisir des couleurs

Etape 5 : Copier le code html du module créé et le coller dans votre blog

Et voilà, il n'y a plus qu'à admirer le résultat.
A chaque rafraîchissement de la page, les photos affichées changent !

NB. J'ai juste quelques difficultés pour éviter les sauts de ligne surnuméraires avec l'éditeur de Blogger. Pour tenter d'y échapper, je passe en mode Options "utiliser les tags <br> et je traque les codes <br /> qui se génèrent automatiquement quand on bascule de l'éditeur visuel à l'éditeur html ^-^

Je me demande d'ailleurs s'il n'est pas nécessaire de publier l'article en restant dans l'éditeur html, chaque retour à l'éditeur visuel regénérant des codes <br /> ...