Diaporama
Mis à jour hier
Le bloc Diaporama affiche un curseur CSS composé de blocs Slide imbriqués, généralement utilisé comme bannière rotative en haut d’une page. Chaque diapositive affiche une image ou une vidéo, avec éventuellement une superposition et du contenu en couches créé à partir de blocs de thème ou d’application.
La lecture automatique, la boucle infinie et la navigation précédente/suivante s’activent uniquement lorsque le diaporama comporte plusieurs diapositives. Avec une seule diapositive, le diaporama est statique, la navigation est masquée et le bouton Précédent est désactivé au démarrage.
Paramètres
Les paramètres du bloc Diaporama contrôlent le jeu de couleurs, le style de la carte, la hauteur du contenu multimédia, le comportement de la lecture automatique, l’espacement et la visibilité selon l’appareil.
Paramètre | Description | Par défaut |
|---|---|---|
Activer le jeu de couleurs | Applique un jeu de couleurs au diaporama. Le jeu s’applique uniquement lorsque cette option est activée et qu’un jeu de couleurs est sélectionné. | Désactivé |
Jeu de couleurs | Jeu de couleurs appliqué au bloc. | Jeu 1 |
Afficher le contenu sur une carte | Affiche le contenu de la diapositive sur une carte. Contrôle également les paramètres de rayon de bordure. | Désactivé |
Activer le rayon de bordure | Ajoute des coins arrondis à la carte. Disponible uniquement lorsque Afficher le contenu sur une carte est activé. | Désactivé |
Style de rayon de bordure | Sélectionne l’un des trois styles de rayon de bordure pour les coins arrondis de la carte. Disponible uniquement lorsque le rayon de bordure est activé. | Jeu 1 |
Style de rayon de bordure (intérieur) | Sélectionne l’un des trois styles de rayon de bordure pour le curseur intérieur. Disponible uniquement lorsque le rayon de bordure est activé. | Jeu 1 |
Hauteur du contenu multimédia | Définit la hauteur du diaporama en pixels : Automatique (400/400 px), Petite (300/450 px), Moyenne (400/550 px) ou Grande (500/650 px) sur mobile/ordinateur. | Automatique |
Lecture automatique | Avance automatiquement les diapositives. S’applique uniquement lorsqu’il existe plusieurs diapositives. | Désactivée |
Vitesse de lecture automatique | Nombre de secondes entre les diapositives, de 3 à 10. Disponible uniquement lorsque la lecture automatique est activée. | 5 s |
Boucle infinie | Revient au début du diaporama après la dernière diapositive. S’applique uniquement lorsqu’il existe plusieurs diapositives. | Activée |
Marge supérieure (ordinateur) / (mobile) | Espace au-dessus du bloc sur chaque appareil, de 0 à 34. | 0 |
Masquer le bloc sur ordinateur / sur mobile | Masque le diaporama sur l’appareil sélectionné. | Désactivé |
Diapositives
Chaque bloc Slide constitue une bannière avec son propre contenu multimédia et sa propre superposition. Les diapositives acceptent du contenu @theme et @app. Vous pouvez donc superposer du texte, des boutons et des blocs d’application au contenu multimédia à l’aide des blocs Group, Heading et Button.
Paramètre | Description | Par défaut |
|---|---|---|
Activer le jeu de couleurs | Applique un jeu de couleurs au contenu de la diapositive. Le jeu s’applique uniquement lorsqu’il est activé et sélectionné. | Désactivé |
Jeu de couleurs | Jeu de couleurs appliqué à la diapositive. | Jeu 1 |
Type de contenu multimédia | Indique si la diapositive utilise une image ou une vidéo. | Image |
Image (ordinateur) / Image (mobile) | Images affichées sur ordinateur et mobile. Lorsque l’image mobile est vide, l’image pour ordinateur est réutilisée sur mobile. | Vide |
Vidéo (ordinateur) / Vidéo (mobile) | Vidéos affichées sur ordinateur et mobile. Les vidéos sont lues automatiquement sans le son et en boucle. Lorsque la vidéo mobile est vide, la vidéo pour ordinateur est réutilisée sur mobile. | Vide |
Utiliser une superposition | Ajoute un calque au-dessus du contenu multimédia pour que le contenu reste lisible. Rend disponibles les paramètres de couleur et de style de la superposition. | Désactivée |
Couleur de la superposition | Couleur de la superposition, réglable avec son opacité. Disponible uniquement lorsque Utiliser une superposition est activé. | #00000026 |
Style de superposition | Affiche la superposition en aplat ou en dégradé. Disponible uniquement lorsque Utiliser une superposition est activé. | Aplat |
Direction du dégradé | Direction dans laquelle le dégradé s’estompe : vers le haut ou vers le bas. Disponible uniquement lorsque la superposition est activée et que Style de superposition est défini sur Dégradé. | Vers le haut |
Lorsque les deux paramètres d’image ou les deux paramètres vidéo sont vides, la diapositive affiche une image d’espace réservé lifestyle-1.