Knop Zoomen opnieuw instellen zoom-reset-button
Als u deze knop selecteert, wordt een afbeelding opnieuw ingesteld in de hoofdweergave. U kunt deze knop vergroten, verkleinen, verkleinen en plaatsen met CSS.
CSS eigenschappen van het belangrijkste viewergebied
De vormgeving van de knop wordt bepaald door de volgende CSS-klassenkiezer:
.s7basiczoomviewer .s7zoomresetbutton
Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.
Zie CSS-sprites.
state , die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Localisatie van gebruikersinterfaceelementen voor meer informatie.
Voorbeeld - om een knop voor het opnieuw instellen van zoomen in te stellen met een grootte van 32 x 32 pixels en zes pixels vanaf de boven- en rechterrand van de viewer. Er moet een andere afbeelding worden weergegeven voor elk van de vier verschillende knopstatussen.
.s7basiczoomviewer .s7zoomresetbutton {
top:6px;
right:6px;
width:32px;
height:32px;
}
.s7basiczoomviewer .s7zoomresetbutton [state='up'] {
background-image:url(images/v2/ZoomResetButton_dark_up.png);
}
.s7basiczoomviewer .s7zoomresetbutton [state='over'] {
background-image:url(images/v2/ZoomResettButton_dark_over.png);
}
.s7basiczoomviewer .s7zoomresetbutton [state='down'] {
background-image:url(images/v2/ZoomResetButton_dark_down.png);
}
.s7basiczoomviewer .s7zoomresetbutton [state='disabled'] {
background-image:url(images/v2/ZoomResetButton_dark_disabled.png);
}