Indicator instellen set-indicator
De indicator Set is een reeks punten die boven op stalen worden weergegeven wanneer een viewer wordt gebruikt op een aanraakapparaat. Met de puntjes kunnen gebruikers door pagina's met miniaturen navigeren wanneer er geen schuifknoppen beschikbaar zijn.
CSS eigenschappen van de vastgestelde indicator
De vormgeving van de setindicatorcontainer wordt beheerd met de volgende CSS-klassenkiezer:
.s7zoomviewer .s7setindicator
Voorbeeld - Een setindicator met een witte achtergrond maken:
.s7zoomviewer .s7setindicator {
background-color: #FFFFFF;
}
De vormgeving van een individuele set-indicator punt wordt bepaald door de CSS-klassenkiezer:
.s7zoomviewer .s7setindicator .s7dot
state , die kan worden gebruikt om verschillende skins toe te passen op verschillende miniatuurtoestanden. Met name state="selected" komt overeen met de huidige pagina met miniaturen. state="unselected" komt overeen met de standaardpuntstatus.Voorbeeld - Als u een ingestelde indicatorpunt wilt maken met een waarde van 15 x 15 pixels, met 2 pixels horizontale marge, 5 pixels bovenste marge, 1 pixel onderste marge, 12 pixels radius, #D5D3D3 standaardkleur en #939393 actieve kleur:
.s7zoomviewer .s7setindicator .s7dot {
width:15px;
height:15px;
margin-left:2px;
margin-top:5px;
margin-right:2px;
margin-bottom:1px;
border-radius:12px;
background-color:#D5D3D3;
}
.s7zoomviewer .s7setindicator .s7dot[state="selected"] {
background-color:#939393;
}