文件Dynamic Media檢視器參考指南

熱點 hotspots

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主題：

建立對象：

  • undefined
  • undefined

在熱點最初由AEM Assets的Dynamic Media編寫的位置，檢視器會在主檢視上顯示熱點圖示（隨選）。

主要檢視器區域的​ CSS屬性

熱點圖示的外觀由以下CSS類別選取器控制：

.s7interactiveimage .s7imagemapeffect .s7icon
CSS屬性
說明
背景影像
熱點圖示圖稿。
背景位置

若使用CSS拼寫，則定位在圖稿拼寫內。

請參閱 CSS sprite。

寬度
熱點圖示寬度。
高度
熱點圖示高度。

範例 — 設定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