Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Curso jQuery: Avance na biblioteca mais popular do mercado parte 2 - Plugins JQuery

Bom dia,

Gostaria de saber se o plugin "slick" tem algum parâmetro de colocar as setas na vertical.

Abraços. :)

1 resposta
solução!

E aí Allan,

Tranquilo?

Olhei a documentação do SLICK e não há nada falando de alterar a orientação da seta, mas tem como você alterar os ícones, conforme a documentação abaixo:


prevArrow

Type: string (html|jQuery selector) | object (DOM node|jQuery object)
Default: <button type="button" class="slick-prev">Previous</button>
Allows you to select a node or customize the HTML for the "Previous" arrow.

nextArrow

Type: string (html|jQuery selector) | object (DOM node|jQuery object)
Default: <button type="button" class="slick-next">Next</button>
Allows you to select a node or customize the HTML for the "Next" arrow.

Então você consegue alterar o HTML que representa as setas, assim você pode alterar até o ícone e etc.

Mas caso você queria utilizar as setas padrão, mas só mudar a orientação delas, você pode fazer via CSS com as propriedades abaixo:

//CSS
.slick-prev, .slick-next {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

Espero ter ajudado.

Abraços!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software