文档Dynamic Media查看器参考指南

热点 hotspots

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 主题：

创建对象：

  • undefined
  • undefined

对于最初在AEM Assets的Dynamic Media中创作热点的位置，查看器会在主视图上显示热点图标（按需）。

主查看器区域的​ CSS属性

热点图标的外观由以下CSS类选择器控制：

.s7interactiveimage .s7imagemapeffect .s7icon
CSS属性
说明
背景图像
热点图标图稿。
背景位置

如果使用CSS拼写，则定位到图稿拼写内。

请参阅 CSS拼写。

宽度
热点图标宽度。
高度
热点图标高度。

示例 — 设置一个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