확대/축소 보기

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

기본 뷰어 영역의 CSS 속성

보기 영역의 모양은 다음 CSS 클래스 선택기로 제어됩니다.

.s7zoomviewer .s7zoomview

CSS 속성

설명

배경색

기본 보기의 16진수 형식의 배경색입니다.

커서

기본 보기 위에 표시되는 커서입니다.

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

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

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

  • default

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

  • zoomin

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

  • reset

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

  • drag

    사용자가 확대/축소된 상태의 이미지를 이동할 때 표시됩니다.

  • slide

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

이 페이지에서는