DokumentationDynamic Media Viewer-Referenzhandbuch

Symboleffekt icon-effect

Last update: Thu Dec 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Entwickler
  • Benutzende

Die Zoomanzeige wird im Hauptansichtsbereich überlagert. Es wird angezeigt, wenn das Bild in einem zurückgesetzten Zustand ist, und es hängt auch von iconeffect-Parameter.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

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

.s7basiczoomviewer .s7zoomview .s7iconeffect
CSS-Eigenschaft
Beschreibung
Hintergrundbild-
Grafik der Zoom-Anzeige.
Hintergrundposition

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

Siehe von CSS-Sprites.

Breite
Zoom-Anzeigebreite.
Höhe
Zoom-Anzeige.
NOTE
Der Icon-Effekt unterstützt media-type Attributauswahl, mit der Sie verschiedene Icon-Effekte auf verschiedene Geräte anwenden können. Insbesondere entspricht media-type='standard' Desktop-Systemen, bei denen normalerweise Mauseingaben verwendet werden, und media-type='multitouch' Geräten mit Touch-Eingabe.

Beispiel: So richten Sie eine Zoomanzeige mit 100 x 100 Pixeln mit verschiedenen Grafiken für Desktop-Systeme und Touch-Geräte ein.

.s7basiczoomviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7basiczoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8