スピンビューのアイコンエフェクト spin-view-icon-effect

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