Ikoneffekt icon-effect

Zoomindikatorn placeras över huvudvisningsområdet. Den visas när bilden är i ett återställningsläge och den är också beroende av parametern iconeffect.

CSS-egenskaper för huvudvisningsområdet

Visningsområdets utseende styrs av följande CSS-klassväljare:

.s7zoomviewer .s7zoomview .s7iconeffect
CSS-egenskap
Beskrivning
background-image
Zoomindikatorteckningar.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se CSS-fragment.

width
Zoomindikatorns bredd.
height
Zoomindikatorns höjd.
NOTE
Ikoneffekten har stöd för media-type attributväljare, som du kan använda för att använda olika ikoneffekter på olika enheter. I synnerhet media-type='standard' motsvarar 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.

.s7zoomviewer .s7zoomview .s7iconeffect {
 width: 100px;
 height: 100px;
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='standard'] {
 background-image:url(images/v2/IconEffect_zoom.png);
}
.s7zoomviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
 background-image:url(images/v2/IconEffect_pinch.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8