熱點 hotspots
在熱點最初是在AEM Assets的Dynamic Media中編寫的位置,檢視器會在主檢視上顯示熱點圖示(隨選)。
主要檢視器區域的CSS屬性
熱點圖示的外觀由下列CSS類別選擇器控制:
.s7interactiveimage .s7imagemapeffect .s7icon
CSS屬性
說明
background-image
熱點圖示圖稿。
background-position
若使用CSS拼寫,則定位在圖稿拼寫內。
另請參閱 CSS精靈.
width
熱點圖示寬度。
height
熱點圖示高度。
範例 — 設定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