AX - Image
Aperçu
AX - Image est un composant Experience Cloud qui affiche des images sur les pages des sites Experience, avec un contrôle sur le dimensionnement, le recadrage, l’alignement et le comportement de chargement.
Utilisez-le pour afficher des photos de produits, des logos, des bannières, des photos de profil ou tout contenu visuel provenant de documents Salesforce Content, de ressources statiques ou d’URL externes. Configurez la manière dont les images s’affichent, sont recadrées et mises à l’échelle dans Experience Builder, sans code.
Idéal pour les galeries de produits, les en-têtes de marque, les sections de contenu visuel, l’affichage des profils ou partout où votre portail a besoin d’une présentation d’images flexible avec un dimensionnement responsive.
Configuration
Propriétés
Image CMS et URL de l’image ou expression spécifiez la source de l’image — depuis un CMS ou une URL directe — selon ce qui correspond le mieux à vos préférences de gestion des images.
Largeur et Hauteur déterminent les dimensions affichées afin que l’image s’intègre harmonieusement dans la mise en page tout en conservant sa netteté.
Position ajuste l’alignement de l’image dans son conteneur pour une mise en page équilibrée et esthétique.
Images statiques définit l’image comme statique — utilisez-le lorsque l’image n’a pas besoin d’ajustements responsives et doit rester constante quelle que soit la taille de l’écran.
Fluide et Croissance fluide permet à l’image d’ajuster sa taille de manière responsive, en s’adaptant en douceur à différentes tailles d’écran.
Vignette affiche l’image dans un format compact, adapté aux galeries ou aux aperçus.
Chargement différé choisit le chargement automatique ou différé afin d’optimiser les temps de chargement de la page, en équilibrant visibilité immédiate et performances globales.
Texte alternatif fournit un texte accessible décrivant l’image.
Taille de recadrage, Ajustement du recadrage, et Position de recadrage X / Y personnalisez le recadrage de l’image pour mettre l’accent sur les parties les plus pertinentes.
Type de loupe sélectionne le style de zoom appliqué lors de l’affichage des détails de l’image, et Attributs de la loupe affinent le comportement et l’apparence de la loupe.
Comparer l’image CMS / URL ou expression de comparaison de l’image et Comparer les attributs permettent une vue de comparaison avant/après — définissez la deuxième image et contrôlez son orientation, son interaction et son étiquetage. Texte alternatif de comparaison fournit un texte accessible pour l’image de comparaison.
Style
Contrôle l’espacement extérieur autour de l’image.
Contrôle l’espacement intérieur autour de l’image.
Rayon : Ajustez l’arrondi des coins de l’image.
Mis à jour
Ce contenu vous a-t-il été utile ?