Knop Inzoomen zoom-in-button
Als u deze knop selecteert, zoomt u in op een afbeelding in de hoofdweergave. Deze knop wordt niet weergegeven op mobiele telefoons om de schermruimte op te slaan. U kunt deze knop vergroten, verkleinen, verkleinen en plaatsen met CSS.
CSS-eigenschappen van het hoofdviewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7mixedmediaviewer .s7zoominbutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie CSS-sprites.
state kenmerkenkiezer, die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .
Voorbeeld - Een inzoomknop van 32 x 32 pixels instellen en 6 pixels vanaf de boven- en rechterrand van de viewer plaatsen. En tenslotte, toont een verschillend beeld voor elk van de vier verschillende knoopstaten.
.s7mixedmediaviewer .s7zoominbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7mixedmediaviewer .s7zoominbutton [state='up'] {
background-image:url(images/v2/ZoomInButton_dark_up.png);
}
.s7mixedmediaviewer .s7zoominbutton [state='over'] {
background-image:url(images/v2/ZoomInButton_dark_over.png);
}
.s7mixedmediaviewer .s7zoominbutton [state='down'] {
background-image:url(images/v2/ZoomInButton_dark_down.png);
}
.s7mixedmediaviewer .s7zoominbutton [state='disabled'] {
background-image:url(images/v2/ZoomInButton_dark_disabled.png);
}