スピンビューアイコン効果 spin-view-icon-effect

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：

作成対象：

開発者
ユーザー

スピンインジケーターは、スピンビュー領域に重ねて表示されます。画像がリセット状態の場合に表示され、iconeffect パラメーターにも依存します。

メインビューア領域の CSS プロパティ

表示領域の外観は、次の CSS クラスセレクターで制御します。

.s7mixedmediaviewer .s7spinview .s7iconeffect

CSS プロパティ

説明

background-image

スピンインジケーターのアートワーク。

background-position

CSS スプライトを使用する場合、アートワークスプライト内に配置します。

CSS スプライトージ参照してください。

幅

スピンインジケーターの幅。

高さ

スピンインジケーターの高さ。

スピンインジケーターでは、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);
}

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8