スピンビューのアイコンエフェクト

スピンインジケーターは、スピンビュー領域に重ねて表示されます。 画像がリセット状態のときに表示され、 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);
}

このページ