Symboleffekt

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);
}

Auf dieser Seite