Bildschemaeffekt image-map-effect
Beroende på värdet på parametern mode visar visningsprogrammet bildschemaikoner över huvudvyn på platser där kartor ursprungligen skapats i Dynamic Media Classic eller renderar exakta områden som matchar formen på originalbildscheman.
CSS-egenskaper för huvudvisningsområdet
Utseendet på bildschemaikonen styrs av följande CSS-klassväljare:
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
s7mapoverlay som tidigare användes för att formatera bildschemaikoner är nu inaktuell. Använd s7icon i stället.Placera inuti en teckningssprite, om CSS-sprites används.
Se även CSS-fragment.
state som du kan använda för att använda olika skal för ikonlägena default och active.Exempel - ställ in en bildschemaikon på 28 x 28 pixlar som visar en annan bild för vart och ett av de två olika ikonlägena.
.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;
}
Se även Stöd för bildscheman.
Utseendet på bildschemaområdet styrs med följande CSS-klassväljare:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
Fyllningsfärg för bildschemaområde.
Anges i formatet #RRGGBB, RGB(R,G,B) eller RGBA(R,G,B,A).
Fyllningsfärg för bildschemaområde.
Anges i formatet #RRGGBB, RGB(R,G,B) eller RGBA(R,G,B,A).
Områdesformat för bildschemat.
Anges som width solid color där width uttrycks i pixlar och color anges som #RRGGBB, RGB(R,G,B) eller RGBA(R,G,B,A).
Exempel - ställ in ett genomskinligt bildschemaområde med 1 pixelsvart kant:
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}