スピンインジケーターは、スピン表示領域に重ねて表示されます。 これは画像がリセット状態の場合に表示され、iconeffectパラメーターの設定によって表示されます。
メインビューア領域のCSSプロパティ
表示領域の外観は、以下のCSSクラスセレクターを使用して制御します。
.s7mixedmediaviewer .s7spinview .s7iconeffect
CSSプロパティ |
説明 |
---|---|
background-image |
スピンインジケーターのアートワーク。 |
background-position |
CSSスプライトを使用する場合、アートワークスプライト内の位置。 CSSスプライトを参照してください。 |
width |
スピンインジケーターの幅。 |
height |
スピンインジケーターの高さ。 |
スピンインジケーターでは、state
属性セレクターがサポートされます。このセレクターは、1次元のスピンセットの場合はspin_1D
に、複数次元のスピンセットの場合は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);
}