확대/축소 보기 zoom-view

연속 확대/축소 모드에서 기본 보기는 현재 자산이 단일 이미지일 때 확대/축소 가능한 이미지로 구성됩니다.

기본 뷰어 영역의 CSS 속성

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

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

예 - 확대/축소 보기를 투명하게 만듭니다.

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

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

  • default

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

  • zoomin

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

  • reset

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

  • drag

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

  • slide

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

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