スピンインジケーターは、スピンビュー領域に重ねて表示されます。 画像がリセット状態のときに表示され、 iconeffect パラメーターの設定にも依存します。
メインビューア領域の CSS プロパティ
表示領域の外観は、以下の CSS クラスセレクターを使用して制御します。
.s7mixedmediaviewer .s7spinview .s7iconeffect
CSS プロパティ |
説明 |
---|---|
background-image |
スピンインジケーターのアートワーク。 |
background-position |
CSS スプライトを使用する場合は、アートワークスプライト内に配置します。 詳しくは、 CSS スプライト . |
width |
スピンインジケーターの幅。 |
height |
スピンインジケーターの高さ。 |
スピンインジケーターは、 state
次に設定された属性セレクター spin_1D
(1 次元のスピンセットがあり、 spin_2D
多次元のスピンセットがある場合。
例 — 100 x 100 ピクセルのズームインジケーターを設定するには、次のように記述します。
.s7mixedmediaviewer .s7spinview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7mixedmediaviewer .s7spinview .s7iconeffect[state="spin_1D"] {
background-image: url(images/spinIcon_1D.png);
}
.s7mixedmediaviewer .s7spinview .s7iconeffect[state="spin_2D"] {
background-image: url(images/spinIcon_2D.png);
}