アイコンエフェクト icon-effect
スピンインジケーターは、メインビュー領域にオーバーレイされます。 画像がリセット状態の場合に表示され、iconeffect パラメーターにも依存します。
メイン ビューア領域のCSS プロパティ
表示領域の外観は、次のCSS クラスセレクターで制御されます。
.s7spinviewer .s7spinview .s7iconeffect
CSS プロパティ
説明
背景画像
スピンインジケーターアートワーク。
background-position
CSS スプライトを使用する場合は、アートワークスプライト内に配置します。
CSS スプライトを参照してください。
幅
スピンインジケーターの幅。
の高さ
スピンインジケーターの高さ。
スピンインジケーターは、state属性セレクターをサポートしています。これは、1次元のスピンセットがある場合はspin_1D、多次元のスピンセットがある場合はspin_2Dに設定されます。
例 – 100 x 100 ピクセルのズームインジケーターを設定します。
.s7spinviewer .s7spinview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_1D"] {
background-image: url(images/spinIcon_1D.png);
}
.s7spinviewer .s7spinview .s7iconeffect[state="spin_2D"] {
background-image: url(images/spinIcon_2D.png);
}
recommendation-more-help
dynamic-media-developer-resources-help-aem-viewers-ref