Bild-Map-Effekt image-map-effect
Je nach Wert des Parameter mode zeigt der Viewer Imagemap-Symbole über der Hauptansicht an Orten 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
s7mapoverlay
CSS-Klasse, die in der Vergangenheit zum Formatieren von Imagemap-Symbolen verwendet wurde, ist jetzt veraltet. Verwenden Sie stattdessen s7icon
.Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden.
Siehe auch CSS-Sprites.
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.
.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
Füllfarbe für Imagemap-Bereich.
Wird im Format #RGGBB, RGB(R,G,B) oder RGBA(R,G,B,A) angegeben.
Füllfarbe für Imagemap-Bereich.
Wird im Format #RGGBB, RGB(R,G,B) oder RGBA(R,G,B,A) angegeben.
Randstil der Imagemap
Wird als width solid color angegeben, wobei width in Pixel und color als #RGGBB, RGB(R,G,B) oder RGBA(R,G,B,A) festgelegt ist.
Beispiel: Richten Sie einen transparenten Imagemap-Bereich mit einem schwarzen Rand von 1
Pixel ein:
.s7ecatalogviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}