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:

.s7ecatalogsearchviewer .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.
NOTE
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.

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