ズームビュー zoom-view
メインビューは、ズーム可能な画像で構成されています。
メインビューア領域の CSS プロパティ
表示領域の外観は、次の CSS クラスセレクターで制御します。
.s7zoomviewer .s7zoomview
CSS プロパティ
説明
の背景色の
メインビューの 16 進数形式の背景色。
cursor
メインビューの上にカーソルが表示されます。
例 – メインビューを透明にする。
.s7zoomviewer .s7zoomview {
background-color: transparent;
}
デスクトップシステムでは、コンポーネントは cursortype
.s7zoomview
クラスに適用できる属性セレクターをサポートしています。 コンポーネントの状態とユーザーの操作に基づいて、カーソルのタイプを制御します。 次の cursortype
値がサポートされています。
-
default
画像の解像度、コンポーネント設定、またはその両方が小さいために画像をズームできない場合に表示されます。
-
zoomin
画像をズームインできる場合に表示されます。
-
reset
画像が最大ズームレベルにあり、初期状態にリセットできる場合に表示されます。
-
drag
ズームイン状態の画像をユーザーがパンすると表示されます。
-
slide
ユーザーが水平スワイプまたはフリックを行って画像の入れ替えを実行すると表示されます。
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8