メインビューア領域 main-viewer-area

メインビュー領域は、ズーム画像とスウォッチが表示される領域です。 通常、サイズが指定されていない場合は、使用可能なデバイス画面に収まるようにが設定されます。

埋め込みモードで作業する場合(メインビューア領域に明示的なサイズを指定した場合)、ビューアは、単一の画像で作業しているスウォッチコンポーネントの高さ分、メイン領域の高さを自動的に小さくするので、スウォッチは不要です。

メインビューア領域の CSS プロパティ

表示領域の外観は、以下の CSS クラスセレクターを使用して制御します。

.s7zoomviewer
CSS プロパティ
説明
width
ビューアの幅。
height
ビューアの高さ。
background-color
16 進数形式の背景色。

例 — 白の背景 ( #FFFFFF) をクリックし、サイズを 512 x 288 ピクセルにします。

.s7zoomviewer {
 background-color: #FFFFFF;
 width: 512px;
 height: 288px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8