画像マップエフェクト

modeパラメータの値に応じて、メイン表示の上の画像マップアイコンが、最初にDynamic Mediaクラシックでマップが作成された場所に表示されるか、元の画像マップの形状と一致する正確な領域がレンダリングされます。

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

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

.s7ecatalogviewer .s7imagemapeffect .s7icon

例 — 28 x 28ピクセルで、2つのアイコンの状態ごとに異なる画像を表示する画像マップアイコンを設定します。

.s7ecatalogviewer .s7imagemapeffect .s7icon { 
 height: 28px; 
 width: 28px;  
 background-image: url(images/v2/ImageMapEffect_dark_up.png); 
} 
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="default"] { 
 opacity: 0.5; 
} 
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="active"] { 
opacity: 1; 
}

画像マップのサポートも参照してください。

画像マップ領域の外観は、以下のCSSクラスセレクターを使用して制御します。

.s7ecatalogviewer .s7imagemapeffect .s7region

例 — 1ピクセルの黒い境界線を持つ透明な画像マップ領域を設定します。

.s7ecatalogviewer .s7imagemapeffect .s7region { 
 border: 1px solid #000000; 
 background: RGBA(0,0,0,0);  
}