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 hoofdviewergebied
De vormgeving van het afbeeldingskaartpictogram wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
s7mapoverlay CSS-klasse die in het verleden is gebruikt om afbeeldingskaartpictogrammen op te maken, is nu afgekeurd; gebruiken s7icon in plaats daarvan.Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie ook CSS-sprites.
state kenmerkenkiezer, die u kunt gebruiken om verschillende skins toe te passen op de pictogramstaten van 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 Ondersteuning voor afbeeldingen met hyperlinks.
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 vast kleur , waarbij width wordt uitgedrukt in pixels en kleur wordt ingesteld als #RRGGBB, RGB(R,G,B) of RGBA(R,G,B,A).
Voorbeeld: een transparant gebied voor een afbeelding met hyperlinks instellen 1 zwarte rand pixel:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}