Comment ajouter un diaporama sur son site web ?

Afficher un diaporama dans une page de votre site web, c'est très simple. Vous pouvez vous servir des images se trouvant dans l'espace de stockage de votre site (utilisées par exemple dans les pages du site) ou publier un diaporama dans une page à partir d'une catégorie d'album photos.

Solution alternative : ajouter un carrousel (ou "slider") sur une page web.

afficher un diaporama

Quelles images utiliser pour créer un diaporama en ligne ?

Dans une page, vous pouvez :

  • afficher un diaporama composé d'images d'un répertoire de l'espace de stockage
  • afficher un diaporama composé de photos d'une catégorie de l'album photos

Dans les deux cas de figure, c'est la catégorie qui est affectée au diaporama.

Ce qui signifie que toutes les images de la catégorie sélectionnée seront affichées dans le diaporama et vous ne pourrez pas afficher des images de différentes catégories dans un diaporama.

Un diaporama composé d'images de l'espace de stockage

Pour afficher un diaporama d'images rangées dans un répertoire, vous devez au préalable ajouter les photos dans votre espace de stockage.

Ajouter des images dans l'espace de stockage

Cliquez tout en haut de votre manager, sur Stockage puis ajoutez vos images.

Essayez de ranger vos photos au fur et à mesure dans des répertoires (et de ne pas tout laisser à la racine de l'espace de stockage).

Si vos images sont rangées dans un répertoire de l'espace de stockage, vous pouvez maintenant afficher très facilement un diaporama dans une de vos pages.

Espace de stockage

Utiliser les images stockées dans un diaporama

Ajoutez une ligne avec l'outil de création de page et choisissez Autres widgets > Gadgets >  Diaporama.

Cliquez sur Définir puis choisissez la catégorie de l'espace de stockage.

Choisissez la hauteur du diaporama puis cliquez sur Insérer.

Un diaporama composé de photos du module Album photos

Pour afficher un diaporama composé de photos de votre album photos, vous devez utiliser un autre widget.

A l'aide de l'outil de création de page, ajoutez une ligne (avec une ou plusieurs colonnes) et choisissez Autres widgets > DéfinirAlbum photos puis Diaporama.

Cliquez sur Définir puis choisissez quelle catégorie de l'album photos vous souhaitez affecter au diaporama.

Personnaliser le diaporama

En fonction du thème graphique choisi, vous pouvez personnaliser (ou non) certains paramètres du diaporama, dont :

  • la durée d'affichage de chaque photo
  • la couleur du titre des images
  • la couleur de fond des photos
  • la couleur de fond des pellicules
  • modifier la hauteur du diaporama

Pour modifier tous ces paramètres, rendez-vous dans Configuration > Réglages > Diaporama.

Et les sites externes spécialisés ?

Nous vous avons présenté ci-dessus les deux widgets permettant d'afficher dans des pages des images de l'album ou de votre espace de stockage.

Si vous préférez utiliser un service externe pour présenter vos images en diaporama, vous pouvez essayer Kizoa, Picasa ou Flickr.

Picasa (Google) et Flickr (Yahoo) sont des sites gratuits, pour stocker et partager vos photos. Vous trouverez facilement les codes <embed> pour présenter les photos de vos albums sur votre site.

Ajoutez facilement le widget diaporama avec l'outil de création de pages