Imagemap-Effekt

Je nach dem Wert des Parameters mode zeigt der Viewer Imagemap-Symbole über der Hauptversion an Orten an, an denen Maps ursprünglich in Dynamic Media Classic erstellt wurden, oder rendert exakte Bereiche, die mit der Form der Original-Imagemaps ü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, ist jetzt veraltet. Verwenden Sie stattdessen s7icon.

CSS-Eigenschaft

Beschreibung

background-image

Imagemap-Symbol-Grafik.

background-position

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

Siehe auch CSS-Sprites .

width

Breite des Imagemap-Symbols 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 Symbolzustände default und active anwenden können.

Beispiel: Richten Sie ein Imagemap-Symbol mit 28 x 28 Pixeln 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 Imagemap-Unterstützung.

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

.s7ecatalogsearchviewer .s7imagemapeffect .s7region

CSS-Eigenschaft

Beschreibung

background

Füllfarbe des Imagemap-Bereichs.

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

background-color

Füllfarbe des Imagemap-Bereichs.

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

rand

Randstil für Imagemap-Bereiche.

Angegeben als width solid color , wobei width in Pixel und color festgelegt ist #RRGGBB, RGB(R,G,B) oder RGBA(R,G,B,A).

Beispiel: Richten Sie einen transparenten Imagemap-Bereich mit 1 Pixel schwarzem Rand ein:

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

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now