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