メインビューア領域

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

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

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

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

.s7zoomviewer

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

.s7zoomviewer {
 background-color: #FFFFFF;
 width: 512px;
 height: 288px;
}