ホットスポット hotspots
ビューアには、ホットスポットが元々AEM AssetsのDynamic Mediaで作成された場所にあるホットスポットアイコンがメインビューの上にオンデマンドで表示されます。
メインビューア領域の CSS プロパティ
ホットスポットアイコンの外観は、次の CSS クラスセレクターで制御します。
.s7interactiveimage .s7imagemapeffect .s7icon
CSS プロパティ
説明
background-image
ホットスポットアイコンのアートワーク。
background-position
CSS スプライトを使用する場合は、アートワークスプライト内に配置します。
CSS スプライト 関するを参照してください。
幅
ホットスポットアイコンの幅。
高さ
ホットスポットアイコンの高さ。
例 – 2 つの異なるアイコンの状態のそれぞれに異なる画像を表示する、56 x 56 ピクセルのホットスポットアイコンを設定します。
.s7interactiveimage .s7imagemapeffect .s7icon {
background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_up_touch.png);
width: 56px;
height: 56px;
}
.s7interactiveimage .s7imagemapeffect .s7icon:hover {
background-image: url(images/v2/imagemap/ImageMapEffect_icon1_light_over_touch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8