Diapositiva siguiente

Al tocar o hacer clic en el botón de diapositiva siguiente, un usuario pasa a la siguiente diapositiva del conjunto de carrusel.

Este botón no se muestra en dispositivos táctiles. Puede cambiar el tamaño, el aspecto y la posición de este botón mediante CSS.

Propiedades CSS del área del visor principal

El aspecto del botón se controla con el siguiente selector de clase CSS:

.s7carouselviewer .s7panrightbutton

La información de objeto del botón se puede localizar. Consulte Localización de los elementos de la interfaz de usuario para obtener más información.

Ejemplo: para configurar un botón de diapositiva anterior de 60 x 60 píxeles, situado a 10 píxeles del borde derecho del visor y centrado verticalmente, y muestra una imagen diferente para cada uno de los cuatro estados de botón diferentes.

.s7carouselviewer .s7panrightbutton{ 
 bottom: 50%; 
 right: 10px; 
 background-size:60px; 
 cursor: pointer; 
 } 
.s7carouselviewer.s7mouseinput .s7panrightbutton { 
 width:60px; 
 height:60px; 
 margin-bottom: -20px; 
} 
.s7carouselviewer.s7mouseinput .s7panrightbutton[state]  { 
    background-image: url(../../viewers/s7viewers/html5/images/v2/CarouselDotsRightButton_dark_sprite.png); 
} 
 
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='up'] { background-position: -0px -60px;  } 
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='over'] { background-position: -0px -0px; } 
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='down'] { background-position: -0px -0px; } 
.s7carouselviewer.s7mouseinput .s7panrightbutton[state='disabled'] { background-position: -0px -60px; }