Abhängig vom 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
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. |
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.
.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 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 :
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}