Ajouter un carrousel d’images.

Apprendre DXPR BuilderCréer des pagesAjouter du contenuTexte et médias

Vous obtenez un diaporama qui défile seul, avec des flèches et des pastilles pour les visiteurs qui veulent parcourir. Utilisez-le pour des travaux de portfolio, des galeries photo ou une section hero qui montre plus d’une image.

Carrousel d’images affichant des images de blog avec des flèches de navigation

  1. Survolez la colonne et cliquez sur + dans sa barre de contrôle, ou cliquez sur Ajouter des éléments sur une page vide. Ouvrez l’onglet Contenu et cliquez sur Carrousel d’images.
  2. Choisissez vos Images dans la médiathèque et insérez-les.
  3. Choisissez l’Intervalle entre les diapositives.
  4. Cliquez sur Enregistrer dans la boîte de dialogue, puis sur Enregistrer dans la barre d’outils en haut de la zone de contenu pour stocker la page.

Ce que vous voyez

Le diaporama défile à l’intervalle choisi, avec des flèches sur les côtés et des pastilles en dessous. La première image s’affiche aussitôt ; les autres suivent dans l’ordre d’insertion.

Ouvrez Plus > Paramètres sur l’élément. Options :

  • Images : choisissez ou téléversez les images du diaporama via la médiathèque.
  • Intervalle : le temps entre les diapositives en millisecondes ; réglez sur 0 pour arrêter le défilement automatique (par défaut : 5000).
  • Masquer : cochez Hide pagination control pour masquer les pastilles sous les diapositives, ou Hide prev/next buttons pour masquer les flèches gauche et droite.
  • Attribut Alt (panneau SEO) : le texte alternatif des images du carrousel.

Si rien ne s’affiche

  • Le carrousel d’images ne figure pas dans l’onglet Contenu. Votre profil d’utilisateur le masque. Demandez à un administrateur de l’activer dans Profils d’utilisateurs.
  • Il a disparu après rechargement. La page n’a pas été enregistrée. Ajoutez-le de nouveau et cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu.
  • Une seule image s’affiche et rien ne défile. Une seule image a été insérée, ou l’Intervalle est sur 0. Ajoutez des images ou définissez un intervalle supérieur à 0.
  • Ni flèches ni pastilles. Hide prev/next buttons ou Hide pagination control est coché sous Masquer. Décochez-les dans les paramètres.

Et ensuite ?

Onglet Style pour modifier l’espacement et l’arrière-plan de votre carrousel d’images.