ホットスポット hotspots

ビューアには、AEM AssetsのDynamic Mediaでホットスポットが最初にオーサリングされた場所(オンデマンド)の、メインビューの上にホットスポットアイコンが表示されます。

メインビューア領域の CSS プロパティ

ホットスポットアイコンの外観は、以下の CSS クラスセレクターを使用して制御します。

.s7interactiveimage .s7imagemapeffect .s7icon
CSS プロパティ
説明
background-image
ホットスポットアイコンのアートワーク。
background-position

CSS スプライトを使用する場合は、アートワークスプライト内の位置。

CSS スプライトを参照してください。

width
ホットスポットアイコンの幅。
height
ホットスポットアイコンの高さ

例 — 56 x 56 ピクセルのホットスポットアイコンを設定し、2 つの異なるアイコンの状態ごとに異なる画像を表示します。

.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