아이콘 효과 icon-effect

확대/축소 표시기가 기본 보기 영역에 오버레이됩니다. 이미지가 재설정 상태일 때 표시되며, 이는 iconeffect 매개 변수에도 의존합니다.

기본 뷰어 영역의 CSS 속성

다음 CSS 클래스 선택기를 사용하여 보기 영역의 모양이 제어됩니다.

.s7zoomviewer .s7zoomview .s7iconeffect
CSS 속성
설명
background-image
확대/축소 표시기 아트워크.
background-position

CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다.

다음을 참조하십시오 CSS 스프라이트.

width
확대/축소 표시기 폭
height
확대/축소 표시기 높이입니다.
NOTE
아이콘 효과는 media-type 속성 선택기: 다른 디바이스에 다른 아이콘 효과를 적용하는 데 사용할 수 있습니다. 특히, media-type='standard' 는 마우스 입력이 일반적으로 사용되는 데스크탑 시스템에 해당합니다. media-type='multitouch' 터치 입력이 있는 장치에 해당합니다.

예 - 데스크탑 시스템 및 터치 장치에 대해 서로 다른 아트로 100x100픽셀 확대/축소 표시기를 설정합니다.

.s7zoomviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8