아이콘 효과 icon-effect
확대/축소 표시기가 기본 보기 영역에 오버레이됩니다. 이미지가 재설정 상태일 때 표시되며, 이는 iconeffect 매개 변수에도 의존합니다.
기본 뷰어 영역의 CSS 속성
다음 CSS 클래스 선택기를 사용하여 보기 영역의 모양이 제어됩니다.
.s7ecatalogsearchviewer .s7pageview .s7iconeffect
CSS 속성
설명
배경 이미지
확대/축소 표시기 아트워크.
백그라운드 위치
CSS 스프라이트를 사용하는 경우 아트워크 스프라이트 내부에 배치합니다.
CSS 스프라이트도 참조하십시오.
너비
확대/축소 표시기 너비(픽셀 단위)입니다.
높이
확대/축소 표시기 높이(픽셀 단위)입니다.
NOTE
아이콘 효과는
media-type
특성 선택기를 지원하며, 이 선택기를 사용하여 다른 장치에 다른 아이콘 효과를 적용할 수 있습니다. 특히 media-type='standard'
은(는) 마우스 입력이 정상적으로 사용되는 데스크톱 시스템에 해당하며 media-type='multitouch'
은(는) 터치 입력이 있는 장치에 해당합니다.예 - 데스크탑 시스템 및 터치 장치에 대해 서로 다른 아트로 100x100픽셀 확대/축소 표시기를 설정합니다.
.s7ecatalogsearchviewer .s7pageview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7ecatalogsearchviewer .s7pageview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogsearchviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8