ホットスポット

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

このページ