メインビュー領域は、ズーム画像とスウォッチが表示される領域です。 通常、サイズが指定されていない場合は、使用可能なデバイス画面に収まるようにが設定されます。
埋め込みモードで作業する場合(メインビューア領域に明示的なサイズを指定した場合)、ビューアは、単一の画像で作業しているスウォッチコンポーネントの高さ分、メイン領域の高さを自動的に小さくするので、スウォッチは不要です。
メインビューア領域の CSS プロパティ
表示領域の外観は、以下の CSS クラスセレクターを使用して制御します。
.s7zoomviewer
CSS プロパティ |
説明 |
---|---|
width |
ビューアの幅。 |
height |
ビューアの高さ。 |
background-color |
16 進数形式の背景色。 |
例 — 白の背景 ( #FFFFFF
) をクリックし、サイズを 512 x 288 ピクセルにします。
.s7zoomviewer {
background-color: #FFFFFF;
width: 512px;
height: 288px;
}