Bild-Map-Effekt

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
HINWEIS

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.

HINWEIS

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

Auf dieser Seite