Afbeeldingskaart, effect image-map-effect
Afhankelijk van de waarde van de parameter mode worden in de viewer pictogrammen voor afbeeldingen met hyperlinks in de hoofdweergave weergegeven op plaatsen waar afbeeldingen oorspronkelijk in Dynamic Media Classic zijn gemaakt of worden exacte gebieden weergegeven die overeenkomen met de vorm van de oorspronkelijke afbeeldingen met hyperlinks.
CSS eigenschappen van het belangrijkste viewergebied
De vormgeving van het afbeeldingskaartpictogram wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
s7mapoverlay die in het verleden is gebruikt om afbeeldingskaartpictogrammen op te maken, is nu afgekeurd. Gebruik in plaats daarvan s7icon .Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie ook CSS Sprites.
state , die u kunt gebruiken om verschillende skins toe te passen op de pictogramstatussen default en active .Voorbeeld: stel een pictogram voor een afbeelding met hyperlinks van 28 x 28 pixels in en geef een andere afbeelding weer voor elk van de twee verschillende pictogramstaten.
.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;
}
Zie ook de kaartsteun van het Beeld .
De vormgeving van het gebied met afbeeldingskaart wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
Vulkleur van gebied Afbeeldingskaart.
Opgegeven in de indeling #RRGGBB, RGB(R,G,B) of RGBA(R,G,B,A).
Vulkleur van gebied Afbeeldingskaart.
Opgegeven in de indeling #RRGGBB, RGB(R,G,B) of RGBA(R,G,B,A).
Randstijl van afbeeldingskaart.
Opgegeven als width solid color , waarbij width wordt uitgedrukt in pixels en color wordt ingesteld als #RRGGBB, RGB(R,G,B) of RGBA(R,G,B,A).
Voorbeeld: stel een transparant gebied voor de afbeeldingskaart in met een zwarte rand van 1 pixels:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}