확대/축소 보기 zoom-view

기본 보기는 확대/축소 가능한 이미지로 구성됩니다.

기본 뷰어 영역의 CSS 속성

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

.s7zoomviewer .s7zoomview
CSS 속성
설명
배경색
기본 보기의 16진수 형식 배경색입니다.
커서
기본 보기에 표시되는 커서입니다.

예 - 기본 보기를 투명하게 합니다.

.s7zoomviewer .s7zoomview {
 background-color: transparent;
}

데스크톱 시스템에서 구성 요소는 .s7zoomview 클래스에 적용할 수 있는 cursortype 특성 선택기를 지원합니다. 구성 요소 상태 및 사용자 작업을 기반으로 커서 유형을 제어합니다. 다음 cursortype 값이 지원됩니다.

  • default

    작은 이미지 해상도, 구성 요소 설정 또는 둘 다로 인해 이미지를 확대/축소할 수 없을 때 표시됩니다.

  • zoomin

    이미지를 확대할 수 있을 때 표시됩니다.

  • reset

    이미지가 최대 확대/축소 레벨에 있고 초기 상태로 재설정할 수 있을 때 표시됩니다.

  • drag

    사용자가 확대 상태인 이미지를 패닝할 때 표시됩니다.

  • slide

    사용자가 가로 스와이프 또는 긋기를 수행하여 이미지 교체를 수행할 때 표시됩니다.

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8