ビューアには、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);
}