連結區和影像地圖 hotspots-and-image-maps
在熱點最初由AEM Assets的Dynamic Media編寫的位置,檢視器會在主檢視上顯示熱點圖示(隨選)。
主要檢視器區域的 CSS屬性
熱點圖示的外觀由以下CSS類別選取器控制:
.s7carouselviewer .s7imagemapeffect .s7icon
範例 — 設定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);
}
影像地圖區域 的 CSS屬性
影像地圖區域的外觀是由下列CSS類別選取器所控制:
.s7carouselviewer .s7imagemapeffect .s7region
CSS屬性
說明
背景
影像地圖區域填滿色彩。
以 #RRGGBB 、RGB(R,G,B) 或 RGBA(R,G,B,A) 格式指定此色彩。
背景色彩
影像地圖區域填滿色彩。
以 #RRGGBB 、RGB(R,G,B) 或 RGBA(R,G,B,A) 格式指定此色彩。
邊框
影像地圖區域框線樣式。 應指定為「寬度 純色」,其中寬度以畫素表示,而顏色設定為 #RRGGBB 、RGB(R,G,B) 或 RGBA(R,G,B,A) 。
範例 — 以一個畫素的黑色邊框設定透明影像地圖區域:
.s7carouselviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8