--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/marquee' title: 'Ajouter un Marquee | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:43:52+00:00' updated: '2026-10-24T19:36:26+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Vous obtenez une bande d’images qui défile sur la page en une boucle continue. Utilisez-la pour les logos de partenaires, les vitrines clients ou les défilés de marques où une ligne statique prendrait trop de place.' tags: - 'Data and motion' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T19:36:26+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Ajouter un Marquee' description: 'Vous obtenez une bande d’images qui défile sur la page en une boucle continue. Utilisez-la pour les logos de partenaires, les vitrines clients ou les défilés de marques où une ligne statique prendrait trop de place.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:43:52+0000' dateModified: '2026-10-24T19:36:26+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/marquee' articleSection: 'Données et animation' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/elements/marquee' description: 'Vous obtenez une bande d’images qui défile sur la page en une boucle continue. Utilisez-la pour les logos de partenaires, les vitrines clients ou les défilés de marques où une ligne statique prendrait trop de place.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Accueil item: 'https://dxpr.com/fr' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: fr --- [Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Ajouter du contenu](/fr/hc/documentation/learn-dxpr-builder/elements) /[Données et animation](/fr/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Ajouter un Marquee. Apprendre DXPR BuilderCréer des pagesAjouter du contenuDonnées et animation ## Dans ce guide Guides associés - [Modifier l’aspect d’un élément dans le panneau Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style) Vous obtenez une bande d’images qui défile sur la page en une boucle continue. Utilisez-la pour les logos de partenaires, les vitrines clients ou les défilés de marques où une ligne statique prendrait trop de place. ## Ajouter un Marquee 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 **Marquee**. 2. Effacez les **Images** d’exemple, puis sélectionnez vos logos dans la médiathèque et insérez-les. 3. Réglez **Height** pour que chaque logo s’aligne. 4. Choisissez la **Speed** ; plus lent se lit mieux pour les logos. 5. Activez **Gray scale** pour un aspect calme et uniforme. 6. Activez **Fade edges** pour adoucir les endroits où les logos entrent et sortent. 7. 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 Vos logos défilent sur la page en une boucle continue, tous de la même hauteur, gris, et en fondu entrant et sortant aux bords. Survoler la bande la met en pause pour que les visiteurs regardent de plus près. ## Configurer votre Marquee Ouvrez **Plus > Paramètres** sur l’élément. Options : - **Images :** les images de la bande. Sélectionnez depuis la médiathèque ou collez des URL. - **Speed :** vitesse de défilement de 1 (la plus lente) à 5 (la plus rapide) ; par défaut : 3. - **Height :** hauteur d’image en pixels, de 10 à 200 (par défaut : 50). - **Image layout :** comment les images sont dimensionnées : **Fixed height images** ou **Fixed width images**. - **Gray scale :** affiche toutes les images en niveaux de gris. - **Fade edges :** ajoute un effet de fondu aux bords gauche et droit. ## Si rien ne s’affiche - **Marquee ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur le masque. Demandez à un administrateur de l’activer dans [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **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. - **La bande est vide.** Les images d’exemple ont été effacées et aucune n’a été insérée. Ouvrez **Plus > Paramètres** et ajoutez des images. - **Les logos ont des tailles différentes.** **Image layout** est réglé sur **Fixed width images**. Choisissez **Fixed height images**, puis réglez **Height** une fois pour toutes. - **La bande ne bouge pas.** Quelque chose sur la page la survole, ou **Speed** vaut 1 sur une bande courte. Éloignez le pointeur et ajoutez des images ou de la vitesse. ## Et ensuite ? [Onglet Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style) pour modifier l’espacement et l’arrière-plan de votre Marquee.