Definir indicador set-indicator
Establecer indicador es una serie de puntos que se representan sobre las muestras cuando se utiliza un visor en un dispositivo táctil. Los puntos ayudan a los usuarios a navegar por las páginas de miniaturas cuando los botones de desplazamiento no están disponibles.
Propiedades CSS del indicador establecido
El aspecto del contenedor del indicador determinado se controla con el siguiente selector de clase CSS:
.s7zoomviewer .s7setindicator
Ejemplo: Para crear un indicador de conjunto con un fondo blanco:
.s7zoomviewer .s7setindicator {
background-color: #FFFFFF;
}
El aspecto de un punto indicador de conjunto individual se controla con el selector de clases CSS:
.s7zoomviewer .s7setindicator .s7dot
state
, que se puede utilizar para aplicar diferentes aspectos a diferentes estados de miniaturas. En particular, state="selected"
corresponde a la página actual de miniaturas, state="unselected"
corresponde al estado de punto predeterminado.Ejemplo: Para crear un punto de indicador definido de 15 x 15 píxeles, con un margen horizontal de 2 píxeles, un margen superior de 5 píxeles, un margen inferior de 1 píxel, un radio de 12 píxeles, #D5D3D3 color predeterminado y #939393 color activo:
.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;
}