Bild-Map-Effekt

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

CSS-Eigenschaften des Haupt-Viewer-Bereichs

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

.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
HINWEIS

Die CSS-Klasse s7mapoverlay, die in der Vergangenheit zum Formatieren von Imagemap-Symbolen verwendet wurde, wird jetzt nicht mehr unterstützt. Verwenden Sie stattdessen s7icon .

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 die Attributauswahl state, mit der Sie verschiedene Skins auf die Symbolstatus default und active anwenden können.

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

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

Siehe auch Unterstützung von Imagemaps.

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

.s7ecatalogsearchviewer .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

Wird angegeben als Breite Feste Farbe , wobei Breite in Pixel und Farbe festgelegt ist. #RRGGBB, RGB(R,G,B) oder RGBA(R,G,B,A).

Beispiel: Richten Sie einen transparenten Imagemap-Bereich mit 1 Pixelschwarzrahmen ein:

.s7ecatalogsearchviewer .s7imagemapeffect .s7region { 
 border: 1px solid #000000; 
 background: RGBA(0,0,0,0);  
}

Auf dieser Seite