Montrer en images : cartes, vignettes, galeries, carrousel

Les composants de la catégorie Médias : Cartes, Vignettes, Galerie filtrable, Galerie photos et Carrousel, avec les proportions d'image, le recadrage, les filtres, l'agrandissement au clic et le défilement.

Cinq composants pour mettre vos images en avant, dans la catégorie Médias de la palette. Tous prennent leurs images dans la médiathèque et recadrent au centre selon leur proportion : voir Images et icônes dans l'éditeur.

Cartes#

Une grille de cartes image + titre + texte, avec un lien facultatif par carte : services, réalisations, équipe. La proportion des images se choisit pour tout le bloc (standard 4:3, carré, photo 3:2, paysage 16:9 ou hauteur naturelle). Trois colonnes au plus ; une ou deux cartes prennent toute la largeur.

Vignettes#

Une rangée compacte d'images, chacune avec un texte alternatif, une catégorie affichée en légende et un lien facultatif. L'image est obligatoire, au format 4:3, sur trois colonnes (deux sur tablette).

Galerie filtrable#

Une galerie avec des boutons de filtre : d'un côté la liste des filtres (une clé technique et un libellé, « cuisine » / « Cuisines »), de l'autre les éléments (image, légende, la clé du filtre auquel l'image appartient, un lien, et l'option Pleine largeur pour une bannière sur toute la ligne).

Galerie photos#

Une grille de photos qui s'agrandissent au clic : le visiteur les fait défiler en plein écran, avec leur titre et leur description. Trois présentations dans la palette : Galerie photos (carrés réguliers), Galerie mosaïque (chaque photo garde sa forme) et Galerie bord à bord (sans espace). Le reste se règle dans le bloc : nombre de colonnes, format des vignettes, espacement, effet au survol, légende sous chaque photo. Une photo qui porte un lien mène à ce lien au lieu de s'agrandir.

Le plus rapide : glissez vos photos depuis votre ordinateur directement sur la galerie, elles s'ajoutent à la suite. Sinon, Ajouter des photos ouvre la médiathèque : cochez les images (Maj+clic pour une plage, Tout sélectionner après une recherche), elles s'ajoutent dans l'ordre choisi. Une galerie compte 40 photos au plus (toutes s'affichent dans la page : au-delà, faites plusieurs albums), et chaque ajout 10 au plus. Le sélecteur indique toujours combien de place il reste. À l'envoi, la position GPS enregistrée dans vos photos est retirée pour protéger votre vie privée ; le reste de leurs informations (auteur, copyright, appareil, réglages) est conservé.

Pour organiser, double-cliquez sur la galerie : toutes les photos s'affichent en vignettes. Cliquez-en une pour écrire son titre, sa description, son texte alternatif ou son lien, ou la remplacer. ⌘ ou Ctrl+clic et Maj+clic en choisissent plusieurs, à déplacer ou retirer d'un coup ; glissez une vignette pour changer l'ordre. Les réglages (colonnes, format…) sont sous Présentation de la galerie.

Carrousel#

Des photos au format fixe qui défilent une à une : au doigt sur un téléphone, avec les flèches ou les points, ou toutes seules. Chaque diapositive peut porter un titre, un texte et un lien (toute la diapositive devient cliquable). Posé depuis la palette (Carrousel photos), il défile quand le visiteur le décide ; le reste se règle dans le bloc : format, cadrage, largeur, transition, défilement automatique, navigation. Pour un diaporama d'ambiance, choisissez un Défilement automatique et la transition Fondu (ou Fondu et zoom lent) ; Pleine largeur (bord à bord) en fait une bannière.

Les photos s'ajoutent comme dans la galerie : glissez-les sur le carrousel ou cliquez sur Ajouter des photos, puis double-cliquez sur le carrousel pour les ranger et écrire leurs textes (réglages sous Présentation du carrousel). Un carrousel compte 8 photos au plus : au-delà, une galerie montre tout d'un coup. Quand il défile tout seul, il s'arrête au survol, et un bouton pause permet au visiteur de l'arrêter.