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 die Attributauswahl state , die bei eindimensionalem Rotationsset auf spin_1D und bei mehrdimensionalem Rotationsset auf spin_2D gesetzt 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