Bildschemaeffekt image-map-effect
Beroende på värdet på parametern mode visas bildschemaikoner över huvudvyn på de platser där kartor ursprungligen skapades i Dynamic Media Classic. Eller så återges exakta områden som matchar formen på originalbildscheman.
CSS-egenskaper för huvudvisningsområdet
Utseendet på bildschemaikonen styrs av följande CSS-klassväljare:
.s7ecatalogviewer .s7imagemapeffect .s7icon
s7mapoverlay Den CSS-klass som tidigare användes för att formatera bildschemaikoner är nu föråldrad. use s7icon i stället.Placera inuti en teckningssprite, om CSS-sprites används.
Se även CSS-fragment.
state attributväljaren, som du kan använda för att använda olika skal på ikonlägena för 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.
.s7ecatalogviewer .s7imagemapeffect .s7icon {
height: 28px;
width: 28px;
background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="default"] {
opacity: 0.5;
}
.s7ecatalogviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}
Se även Stöd för bildscheman.
Utseendet på bildschemaområdet styrs med följande CSS-klassväljare:
.s7ecatalogviewer .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 färg , där width uttrycks i pixlar och färg anges som #RRGGBB, RGB(R,G,B) eller RGBA(R,G,B,A).
Exempel: ställa in ett genomskinligt bildschemaområde med 1 svart pixelkantlinje:
.s7ecatalogviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}