아이콘 효과

마지막 업데이트: 2023-05-22
  • 주제:
  • Dynamic Media Classic
    이 항목에 대한 자세한 내용 보기
  • Viewers
    이 항목에 대한 자세한 내용 보기
  • SDK/API
    이 항목에 대한 자세한 내용 보기
  • eCatalog
    이 항목에 대한 자세한 내용 보기
  • 작성 대상:
  • Developer
    User

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

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

.s7ecatalogviewer .s7pageview .s7iconeffect

CSS 속성

설명

background-image

확대/축소 표시기 아트워크.

background-position

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

참조: CSS 스프라이트 .

width

확대/축소 표시기 너비(픽셀 단위)입니다.

height

확대/축소 표시기 높이(픽셀 단위)입니다.

노트

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

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

.s7ecatalogviewer .s7pageview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}

이 페이지에서는