Próximo slide

Clicar ou tocar no botão Avançar slide move um usuário para o próximo slide no conjunto de carrossel.

Este botão não é exibido em dispositivos de toque. Você pode dimensionar, inserir a capa e posicionar esse botão usando o CSS.

Propriedades de CSS da área do visualizador principal

A aparência do botão é controlada com o seguinte seletor de classe CSS:

.s7carouselviewer .s7panrightbutton

A dica de ferramenta do botão pode ser localizada. Consulte Localização de elementos da interface do usuário para obter mais informações.

Exemplo - para configurar um botão de slide anterior com 60 x 60 pixels, posicionado 10 pixels a partir da borda direita do visualizador e centralizado verticalmente, e exibe uma imagem diferente para cada um dos quatro estados de botão 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; }