Galerie défilante
La galerie défilante présente vos photos dans un bandeau horizontal, toutes à la même hauteur. Chaque photo garde ses proportions, sans recadrage ni bandes vides : vous pouvez alterner photos horizontales et verticales. Le visiteur fait défiler le bandeau à son rythme et ouvre une photo en plein écran d'un simple clic.
Ajouter une galerie défilante
- Dans la palette, rubrique Média, glissez la carte « Galerie défilante » sur votre page.
- Dans l'inspecteur, cliquez sur « Editer les photos » pour ajouter vos photos.
- Réglez la hauteur des photos et l'espacement entre elles, directement dans l'inspecteur.
Ce que voit le visiteur
- Le bandeau défile en glissant, avec la souris ou le doigt, ou d'un geste horizontal sur le pavé tactile.
- Les flèches avancent d'une page à la fois, c'est-à-dire de toutes les photos visibles.
- La molette verticale de la souris continue de faire défiler la page : le bandeau ne la détourne pas.
- Un clic sur une photo l'ouvre en plein écran, avec son titre et son texte en légende. Une photo qui a un lien ouvre ce lien à la place.
Réglages de l'inspecteur
- Hauteur des photos : la hauteur du bandeau, réglable par écran (360 px par défaut, 240 px sur téléphone). La largeur de chaque photo en découle, selon ses proportions.
- Espacement entre les photos : réglable par écran (8 px par défaut).
- Toutes les propriétés : ouvre la fenêtre « Propriétés de la galerie défilante », décrite ci-dessous.
La fenêtre « Propriétés de la galerie défilante »
Onglet « Diapositives »
- « Ajouter une diapositive » crée une nouvelle photo : cliquez sur le bouton pour l'ajouter, ou glissez-le dans la liste pour choisir sa position.
- Réorganisez les photos par glisser-déposer. « Suppression des diapositives sélectionnées » retire les photos sélectionnées.
- Pour chaque photo, renseignez son titre, son texte et, si besoin, un lien. Le titre et le texte forment la légende du plein écran.
Onglet « Propriétés générales »
- Hauteur des photos et Espacement entre les photos, comme dans l'inspecteur.
- Défilement libre, sans arrêt sur chaque photo : le bandeau glisse avec élan et s'arrête là où le geste l'amène, au lieu de se caler sur le bord d'une photo.
- Flèches de contrôle : affichez-les ou non, et réglez leur taille et leurs couleurs.
- Résolution maximale : la taille maximale des photos publiées, dans le bandeau comme en plein écran.
Onglet « Propriétés du texte associé aux diapositives »
Cet onglet règle la légende affichée sur la photo en plein écran. Le titre et le texte n'apparaissent pas sur les photos du bandeau : ils sont réservés au plein écran.
| Réglage | Effet |
|---|---|
| Afficher la zone de texte sur les diapositives | Affiche la légende en plein écran. Décochée, ni le titre ni le texte ne sont affichés. |
| Position du bloc de texte | Place la légende sur la photo : en haut, au milieu ou en bas, à gauche, au centre ou à droite. |
| Arrière-plan du bloc de texte | Couleur d'arrière-plan, coins arrondis, marge extérieure (la distance au bord de la photo) et marge intérieure. |
| Prendre toute la largeur, Prendre toute la hauteur | Étend la légende sur toute la largeur ou toute la hauteur de la photo. |
| Propriétés du titre, Propriétés du texte | Fonte, couleur et taille du titre et du texte, ainsi que l'espace entre le titre et le texte. |
Galerie défilante, carrousel ou album photo ?
| Composant | Pour |
|---|---|
| Carrousel | Une image à la fois, dans un cadre de format fixe, avec défilement automatique, transitions et texte sur les diapositives. |
| Galerie défilante | Une rangée de photos à la même hauteur, qui gardent leurs proportions, à parcourir librement et à ouvrir en plein écran. |
| Album photo | Toutes les photos visibles d'un coup, en grille, avec ouverture en plein écran. |