AX - 画像
概要
AX - 画像 Experience Sites ページ上で、サイズ、切り抜き、配置、読み込み動作を制御して画像を表示する Experience Cloud コンポーネントです。
Salesforce Content Documents、静的リソース、または外部 URL から、商品写真、ロゴ、バナー、プロフィール画像、その他のビジュアルコンテンツを表示するために使用します。Experience Builder で、コードなしで画像の表示、切り抜き、拡大縮小を設定できます。
商品ギャラリー、ブランドヘッダー、ビジュアルコンテンツのセクション、プロフィール表示、またはポータルで柔軟なレスポンシブ画像表示が必要なあらゆる場所に最適です。
設定
プロパティ
CMS 画像 と 画像 URL または式 CMS または直接 URL から、画像のソースを指定します。画像管理の好みに最も適した方法を選べます。
幅 と 高さ 表示サイズを決定し、鮮明さを保ちながら画像がページレイアウトに自然に収まるようにします。
位置 コンテナ内での画像の配置を調整し、バランスの取れた美しいレイアウトにします。
静的画像 画像を静的に設定します。レスポンシブな調整が不要で、画面サイズに関わらず一定に保つ必要がある場合に使用します。
フルード と フルード拡大 画像のサイズをレスポンシブに調整し、さまざまな画面サイズに滑らかに適応します。
サムネイル 画像をコンパクトな形式で表示します。ギャラリーやプレビューに適しています。
遅延読み込み 自動読み込みまたは遅延読み込みを選択してページの読み込み時間を最適化し、即時の表示と全体的なパフォーマンスのバランスを取ります。
代替テキスト 画像を説明する代替テキストを提供します。
切り抜きサイズ, 切り抜きのフィット、および 切り抜き位置 X / Y 画像の切り抜きをカスタマイズして、最も関連性の高い部分に焦点を当てます。
拡大鏡の種類 画像の詳細を表示する際に適用する拡大スタイルを選択し、 拡大鏡の属性 拡大鏡の動作と外観を微調整します。
CMS 比較画像 / 比較画像の URL または式 と 比較属性 ビフォー/アフター比較ビューを有効にします。2 枚目の画像を設定し、その向き、操作、ラベルを制御できます。 比較用代替テキスト 比較画像の代替テキストを提供します。
スタイリング
画像の外側の余白を制御します。
画像の内側の余白を制御します。
角丸： 画像の角の丸みを調整します。
最終更新
役に立ちましたか？