ズームビュー 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