AX - Image

Aperçu

AX - Image est un composant Experience Cloud qui affiche des images sur les pages Experience Sites avec un contrôle sur la taille, le recadrage, l'alignement et le comportement de chargement.

Utilisez-le pour afficher des photos de produits, logos, bannières, photos de profil ou tout contenu visuel provenant des documents de contenu Salesforce, des ressources statiques ou des URL externes. Configurez la façon dont les images s'affichent, sont recadrées et redimensionnées dans Experience Builder sans code.

Parfait pour les galeries de produits, les en-têtes de marque, les sections de contenu visuel, l'affichage de profils ou partout où votre portail a besoin d'une présentation d'image flexible avec un dimensionnement réactif.

Tutoriels

Nom	Description
Configurer la carte pour afficher les informations de détails de l'enregistrement	Apprenez à afficher des enregistrements sur Experience Cloud en utilisant Avonni Map.

Paramètres

🎛️ Propriétés

Nom	Description	Utilisation
Image CMS ou URL de l'image	Spécifiez la source de l'image, soit à partir d'un CMS soit directement en utilisant une URL d'image.	Sélectionnez la source qui convient le mieux à vos préférences de gestion des images et qui garantit un accès et des mises à jour faciles.
Largeur & Hauteur	Déterminez la largeur et la hauteur de l'image affichée.	Définissez des dimensions qui garantissent que l'image s'intègre harmonieusement dans la mise en page tout en conservant sa netteté.
Position	Ajustez l'alignement de l'image.	Alignez l'image dans son conteneur pour maintenir une mise en page équilibrée et esthétiquement plaisante.
Image statique	Option pour définir l'image comme statique.	Utilisez ce réglage lorsque l'image n'a pas besoin d'ajustements réactifs et reste constante sur différentes tailles d'écran.
Fluidité & Croissance fluide	Ces options permettent à l'image d'ajuster sa taille de manière réactive.	Activez ces paramètres pour que les images s'adaptent en douceur aux différentes tailles d'écran, améliorant la réactivité de la page web.
Vignette	Afficher l'image sous forme de vignette.	Utilisez cette option pour présenter l'image sous une forme compacte, adaptée aux galeries ou comme aperçu.
Chargement paresseux	Choisissez entre le chargement automatique ou le chargement paresseux de l'image.	Optimisez les temps de chargement de la page en sélectionnant une méthode de chargement qui équilibre visibilité immédiate et performance globale de la page.
Taille du recadrage, Ajustement du recadrage, Position du recadrage X & Y	Personnalisez le recadrage de l'image pour vous concentrer sur les parties pertinentes.	Définissez les paramètres de recadrage pour garantir que l'image affiche en priorité les zones essentielles, renforçant ainsi la communication visuelle.
Type de loupe	Sélectionnez le style d'agrandissement à appliquer lors de la visualisation des détails de l'image.	Améliorez l'interaction utilisateur en choisissant un type de loupe qui permet une exploration détaillée de l'image.
Image de comparaison CMS ou URL de comparaison	Personnalisez les attributs de la fonctionnalité de comparaison.	Affinez la fonctionnalité de comparaison avec des attributs qui dictent l'orientation, l'interaction et l'étiquetage, garantissant une expérience de comparaison conviviale.
Attributs de comparaison	Définissez les spécificités de la fonctionnalité d'agrandissement.	Personnalisez le comportement et l'apparence de la loupe pour garantir que les utilisateurs peuvent facilement explorer les détails de l'image.
Attributs de la loupe	Ajustez l'arrondi des coins de l'image.	Atenuez ou accentuez les coins de l'image en définissant un rayon de bordure approprié, contribuant à la présentation stylistique de l'image.

🎨 Style