Symboleffekt icon-effect

Der Rotationsindikator wird im Hauptansichtsbereich überlagert. Er wird angezeigt, wenn sich das Bild im zurückgesetzten Zustand befindet, und er hängt auch vom IconEffect-Parameter ab.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Anzeigebereichs wird mit dem folgenden CSS-Klassenselektor gesteuert:

.s7spinviewer .s7spinview .s7iconeffect
CSS-Eigenschaft
Beschreibung
Hintergrundbild-
Rotations-Anzeige-Grafik.
Hintergrundposition

Positionieren Sie sie innerhalb des Bildsets, wenn CSS-Sprites verwendet werden.

Siehe von CSS-Sprites.

Breite
Breite des Rotationsindikators.
Höhe
Drehindikatorhöhe.

Der Rotationsindikator unterstützt die state Attributauswahl , die auf spin_1D festgelegt ist, wenn ein eindimensionales Rotationsset vorhanden ist, und auf spin_2D, wenn ein mehrdimensionales Rotationsset vorhanden ist.

Beispiel: So richten Sie eine Zoom-Anzeige mit 100 x 100 Pixeln ein.

.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
b7426f53-aad9-4c00-83fc-664f30f681e8