Le bloc Diaporama affiche un slider 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 une superposition facultative et du contenu en couches créé à partir de blocs de thème ou d’application.
Diaporama
Mis à jour le mois dernier
Le bloc Diaporama affiche un slider 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 un superposition facultative 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édent/suivant s’activent uniquement lorsque le diaporama contient plusieurs diapositives. Avec une seule diapositive, le diaporama est statique, la navigation est masquée et le bouton Précédent est désactivé par défaut.
Paramètres
Les paramètres du bloc Diaporama contrôlent le jeu de couleurs, l’affichage sous forme de 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é |
Jeu de rayons de bordure | Sélectionne l’un des trois jeux de rayons de bordure pour les coins arrondis de la carte. Disponible uniquement lorsque le rayon de bordure est activé. | Jeu 1 |
Jeu de rayons de bordure (intérieur) | Sélectionne l’un des trois jeux de rayons de bordure pour le slider 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 et ordinateur. | Automatique |
Lecture automatique | Fait avancer automatiquement les diapositives. S’applique uniquement lorsque plusieurs diapositives existent. | 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 | Recommence le diaporama au début après la dernière diapositive. S’applique uniquement lorsque plusieurs diapositives existent. | 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, ce qui permet de 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 lorsque l’option est activée et qu’un jeu est 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 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 une couche par-dessus le contenu multimédia afin de conserver une bonne lisibilité du contenu. Affiche 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 une opacité. Disponible uniquement lorsque Utiliser une superposition est activé. | #00000026 |
Style de la superposition | Affiche la superposition en couleur unie ou en dégradé. Disponible uniquement lorsque Utiliser une superposition est activé. | Unie |
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 la superposition est défini sur Dégradé. | Vers le haut |
Lorsque les deux paramètres d’image ou les deux paramètres de vidéo sont vides, la diapositive affiche une image d’espace réservé lifestyle-1.
FAQ
Qu’est-ce que le bloc Diaporama dans le thème Pops ?
Quelles hauteurs de contenu multimédia puis-je définir pour le diaporama Pops ?
La 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 et ordinateur. La valeur par défaut est Automatique.
Une diapositive Pops peut-elle utiliser une vidéo au lieu d’une image ?
Oui. Définissez le type de contenu multimédia sur Vidéo et choisissez une vidéo pour l’ordinateur et le mobile. Les vidéos sont lues automatiquement, sans son et en boucle. Lorsque la vidéo mobile est vide, la vidéo pour ordinateur est réutilisée sur mobile.
Comment ajouter des coins arrondis à la carte du diaporama ?
Activez Afficher le contenu sur une carte pour afficher le contenu de la diapositive sur une carte, puis activez Activer le rayon de bordure pour ajouter des coins arrondis. Les jeux de rayons de bordure et de rayons de bordure intérieurs sélectionnent chacun l’un des trois styles de rayon et sont disponibles uniquement lorsque le rayon de bordure est activé.
Que se passe-t-il si je laisse les champs d’image et de vidéo vides dans une diapositive Pops ?
Lorsque les deux paramètres d’image ou les deux paramètres de vidéo sont vides, la diapositive affiche une image d’espace réservé lifestyle-1.