DocumentatieNaslaggids voor dynamische mediasviewers

Pictogram, effect icon-effect

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

De zoomindicator wordt bedekt op het hoofdweergavegebied. De afbeelding wordt weergegeven wanneer de voorinstelling van de afbeelding is ingeschakeld en is ook afhankelijk van de parameter iconeffect.

CSS eigenschappen van het belangrijkste viewergebied

De vormgeving van het weergavegebied wordt bepaald door de volgende CSS-klassenkiezer:

.s7zoomviewer .s7zoomview .s7iconeffect
CSS-eigenschap
Beschrijving
background-image
Illustraties van zoomindicatoren.
background-position

Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.

Zie CSS-sprites.

width
Breedte van zoomindicator.
height
Hoogte van zoomindicator.
NOTE
Het effect Icon ondersteunt de kenmerkenkiezer van media-type , die u kunt gebruiken om verschillende pictogrameffecten toe te passen op verschillende apparaten. media-type='standard' komt met name overeen met desktopsystemen waar muisinvoer normaal wordt gebruikt en media-type='multitouch' overeenkomt met apparaten met aanraakinvoer.

Voorbeeld: een zoomindicator van 100 x 100 pixels instellen met verschillende illustraties voor desktopsystemen en aanraakapparaten.

.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