Cartes, Galerie et Carrousel lisent la même liste de contenu. Une carte, une image de galerie et une diapositive portent les mêmes champs : changer le type du bloc ne fait rien perdre, et on peut essayer les trois sur le même contenu.
Les cartes
Chaque carte porte sa propre pile d'éléments, de haut en bas : une image, un titre, un texte, un état, un bouton... Ajoutez, retirez, déplacez et dupliquez les cartes comme les éléments.
| Réglage | Ce qu'il fait |
|---|---|
| Largeur minimale d'une carte | On déclare une largeur, jamais un nombre de colonnes : le navigateur met autant de cartes que la place le permet. Trois sur un grand écran, deux quand la colonne se resserre, une sur un téléphone. Ajouter une carte ne demande de changer aucun réglage. |
| Sens | Côte à côte, ou L'une sous l'autre pour une colonne latérale. |
| Forme des cartes | Cadre, Ombre seule ou Aucun. Sans cadre, il ne reste que le contenu : c'est ce qu'il faut pour une mosaïque d'images. |
| Effet au survol | Le template éclaire la carte au passage de la souris. Sans cet effet, la carte ne bouge plus ; la trace du clavier, elle, reste dans tous les cas. |
| Alignement | Le contenu de la carte à gauche, au centre ou à droite. La carte garde la hauteur de ses voisines. |
| Mise en avant | Neutre, Primaire ou Secondaire. Dans une rangée, une seule carte se met en avant, sinon aucune ne ressort. Dites-le aussi dans le texte : la couleur seule n'est pas lue par tout le monde. |
La galerie
| Réglage | Ce qu'il fait |
|---|---|
| Format des vignettes | Carré, 4/3, 16/9, 21/9, 3/4, ou Libre. Le même rapport pour toutes, sinon la grille ondule. |
| Largeur minimale d'une vignette | En rem. La galerie compte ses colonnes toute seule : plus la valeur est petite, plus il y a d'images par ligne. |
| Écart entre les vignettes | Serré pour une mosaïque, Normal, ou Large pour mettre chaque image en valeur. |
| Légendes | Sous l'image, toujours lisibles ; Au survol, posées sur l'image au passage de la souris ou à la tabulation ; ou Aucune. Sur un écran tactile, les légendes au survol restent dessous. |
| Agrandir au clic | Ouvre l'image en grand dans une visionneuse, avec les flèches, le clavier et Échap pour fermer. La légende de l'image y est reprise. Une image qui porte déjà un lien garde le sien. |
Le carrousel
| Réglage | Ce qu'il fait |
|---|---|
| Format des diapositives | Toutes prennent ce format, jusqu'au bandeau très large 32/9, pour que la page ne saute pas d'une image à l'autre. |
| Voile sous le texte | Aucun, Doux ou Marqué : un dégradé sombre qui garde le texte lisible sur une photo claire. |
| Flèches | Sur les côtés, Sous l'image, En bas à droite, en boutons, ou Aucune. Sans flèches, restent les pastilles, le clavier et le balayage au doigt. |
| Pastilles | Une par diapositive : elles disent combien il y en a. |
| Boucler | Revenir à la première après la dernière. |
| Défilement automatique | En secondes. Zéro est le réglage conseillé : un carrousel qui avance seul fait perdre sa ligne au lecteur. Le défilement s'arrête au survol et au clavier. |
Trois diapositives suffisent : au-delà, personne ne va au bout.
À jour pour Opus 1.5.