Indikator festlegen set-indicator
Die Set-Anzeige ist eine Reihe von Punkten, die auf Farbfeldern gerendert werden, wenn ein Viewer auf einem Touch-Gerät verwendet wird. Mithilfe der Punkte können Benutzer durch Seiten mit Miniaturen navigieren, wenn keine Bildlaufschaltflächen verfügbar sind.
CSS-Eigenschaften des festgelegten Indikators
Das Erscheinungsbild des set indicator-Containers wird mit dem folgenden CSS-Klassenselektor gesteuert:
.s7zoomviewer .s7setindicator
Beispiel - So erstellen Sie einen Indikator mit einem weißen Hintergrund:
.s7zoomviewer .s7setindicator {
background-color: #FFFFFF;
}
Das Erscheinungsbild eines einzelnen Punkts für die Set-Anzeige wird mit dem CSS-Klassenselektor gesteuert:
.s7zoomviewer .s7setindicator .s7dot
state Attributauswahl, mit der verschiedene Skins auf verschiedene Miniaturansichtszustände angewendet werden können. Insbesondere entspricht state="selected" der aktuellen Seite mit Miniaturen, state="unselected" dem standardmäßigen Punktstatus.Beispiel: So erstellen Sie einen festgelegten Indikatorpunkt von 15 x 15 Pixel mit einem horizontalen Rand von 2 Pixeln, einem oberen Rand von 5 Pixeln, einem unteren Rand von 1 Pixel, einem Radius von 12 Pixeln, #D5D3D3 Standardfarbe und #939393 aktiven Farbe:
.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;
}