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