Ikoneffekt
Senast uppdaterad: 22 juli 2024
Skapat för:
- Utvecklare
- Användare
Zoomindikatorn placeras över huvudvisningsområdet. Den visas när bilden är i ett återställningsläge och den är också beroende av parametern iconeffect.
Visningsområdets utseende styrs av följande CSS-klassväljare:
.s7ecatalogviewer .s7pageview .s7iconeffect
CSS-egenskap | Beskrivning |
---|---|
background-image | Zoomindikatorteckningar. |
background-position |
Placera inuti en teckningssprite, om CSS-sprites används. Se även CSS-fragment. |
width | Zoomindikatorns bredd i pixlar. |
height | Zoomindikatorns höjd i pixlar. |
Ikoneffekten stöder attributväljaren
media-type
som du kan använda för att använda olika ikoneffekter på olika enheter. I synnerhet motsvarar media-type='standard'
stationära datorer där musindata normalt används och media-type='multitouch'
motsvarar enheter med pekrörelser.Exempel - för att ställa in en zoomindikator på 100 x 100 pixlar med olika grafik för stationära datorer och pekenheter.
.s7ecatalogviewer .s7pageview .s7iconeffect {
width: 100px;
height: 100px;
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='standard'] {
background-image:url(images/v2/IconEffect_zoom.png);
}
.s7ecatalogviewer .s7pageview .s7iconeffect[media-type='multitouch'] {
background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8