Slide anterior previous-slide

Selecionar esse botão retorna um usuário ao slide anterior no conjunto de carrossel. Este botão não é exibido em dispositivos de toque. Você pode dimensionar, aplicar capa e posicionar esse botão usando CSS.

Propriedades CSS da área do visualizador principal

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

.s7carouselviewer .s7panleftbutton

Propriedade CSS
Descrição
top
Posição na parte superior da borda do visualizador.
direita
Posição a partir da direita da borda do visualizador.
left
Posição a partir da esquerda da borda do visualizador.
bottom
Posição na parte inferior da borda do visualizador.
largura
Largura do botão.
altura
Altura do botão.
background-image
A imagem exibida para um determinado estado de botão.
background-position

Posicionar dentro da imagem de arte-final, se as imagens CSS forem usadas.

Consulte também sprites CSS.

cursor
Tipo de cursor.
NOTE
Esse botão oferece suporte ao state seletor de atributo, que pode ser usado para aplicar capas diferentes a estados de botão diferentes.

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

Por exemplo, suponha que você queira configurar um botão de slide anterior com 60 x 60 pixels. Você deseja posicioná-lo a dez pixels da borda esquerda do visualizador e centralizado verticalmente. E deseja exibir uma imagem diferente para cada um dos quatro estados de botão diferentes.

.s7carouselviewer .s7panleftbutton {
 bottom: 50%;
 left: 10px;
 background-size:60px;
 cursor: pointer;
 }
.s7carouselviewer.s7mouseinput .s7panleftbutton {
 width:60px;
 height:60px;
 margin-bottom: -20px;
}
.s7carouselviewer.s7mouseinput .s7panleftbutton[state]  {
    background-image: url(../../viewers/s7viewers/html5/images/v2/CarouselDotsLeftButton_dark_sprite.png);
}

.s7carouselviewer.s7mouseinput .s7panleftbutton[state='up'] { background-position: -0px -60px;  }
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='over'] { background-position: -0px -0px; }
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='down'] { background-position: -0px -0px; }
.s7carouselviewer.s7mouseinput .s7panleftbutton[state='disabled'] { background-position: -0px -60px; }
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8