핫스팟 hotspots
뷰어는 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