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