Bild-Map-Effekt image-map-effect

Je nach Wert des Parameter mode zeigt der Viewer Imagemap-Symbole über der Hauptansicht an Stellen an, an denen Maps ursprünglich in Dynamic Media Classic erstellt wurden. Oder sie rendert exakte Bereiche, die mit der Form der ursprünglichen Imagemaps übereinstimmen.

CSS-Eigenschaften des Haupt-Viewer-Bereichs

Das Erscheinungsbild des Imagemap-Symbols wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7ecatalogviewer .s7imagemapeffect .s7icon
NOTE
Die s7mapoverlay Die CSS-Klasse, die in der Vergangenheit zum Formatieren von Imagemap-Symbolen verwendet wurde, wird jetzt nicht mehr unterstützt. use s7icon anstatt.
CSS-Eigenschaft
Beschreibung
background-image
Bildzuordnungssymbol.
background-position

Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden.

Siehe auch CSS-Sprites.

width
Bildzuordnungssymbolbreite in Pixel.
height
Höhe des Imagemap-Symbols in Pixel.
NOTE
Das Symbol "Imagemap"unterstützt state -Attributauswahl, mit der Sie verschiedene Skins auf die Symbolstatus von default und active.

Beispiel: Richten Sie ein Imagemap-Symbol mit 28 x 28 Pixel ein, das für jeden der beiden verschiedenen Symbolstatus ein anderes Bild anzeigt.

.s7ecatalogviewer .s7imagemapeffect .s7icon {
 height: 28px;
 width: 28px;
 background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="default"] {
 opacity: 0.5;
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}

Siehe auch Unterstützung von Imagemaps.

Das Erscheinungsbild des Imagemap-Bereichs wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7ecatalogviewer .s7imagemapeffect .s7region
CSS-Eigenschaft
Beschreibung
background

Füllfarbe für Imagemap-Bereich.

Wird im Format #RGGBB, RGB(R,G,B) oder RGBA(R,G,B,A) angegeben.

background-color

Füllfarbe für Imagemap-Bereich.

Wird im Format #RGGBB, RGB(R,G,B) oder RGBA(R,G,B,A) angegeben.

rand

Randstil der Imagemap

Angegeben als width solid color , wobei width wird in Pixel ausgedrückt und color wird als #RGGBB, RGB(R,G,B) oder RGBA(R,G,B,A) festgelegt.

Beispiel: Einrichten eines transparenten Imagemap-Bereichs mit 1 Pixelschwarzer Rahmen :

.s7ecatalogviewer .s7imagemapeffect .s7region {
 border: 1px solid #000000;
 background: RGBA(0,0,0,0);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8