Der Rotationsindikator wird im Hauptansichtsbereich überlagert. Sie wird angezeigt, wenn das Bild sich in einem Reset-Status befindet, und sie hängt auch vom iconffekt -Parameter ab.
CSS-Eigenschaften des Haupt-Viewer-Bereichs
Das Erscheinungsbild des Anzeigebereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:
.s7spinviewer .s7spinview .s7iconeffect
CSS-Eigenschaft |
Beschreibung |
---|---|
background-image |
Grafiken für Rotationsindikatoren. |
background-position |
Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden. Siehe CSS-Sprites . |
width |
Breite der Rotationsanzeige. |
height |
Höhe des Rotationsindikators. |
Der Rotationsindikator unterstützt state
-Attributauswahl, die auf spin_1D
wenn ein eindimensionales Rotationsset vorhanden ist, und spin_2D
wenn ein mehrdimensionales Rotationsset vorhanden ist.
Beispiel: Zum Einrichten eines Zoom-Indikators mit einer Größe von 100 x 100 Pixel.
.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);
}