Slide desenvolvido durante o curso de JavaScript da Origamid. A intenção foi desenvolver ele como uma função construtora utilizando class
e se beneficiando do seu método especial constructor(args)
. onde os argumentos dela seriam sempre alterados de acordo com a aplicação do plugin em cada projeto. Ou seja, o objetivo foi desenvolver um slide que fosse sempre reutilizável.
Ao ativar uma nova instância do SlideNav
, devemos passar em seus 2 primeiros argumentos os seletores daquilo que seria o slide-item (como por exemplo, a classe de uma tag <li>
ou uma <img>
) e o slide_wrapper (o que segura os itens do slide, como uma <ul>
ou <div>
). O restante dos argumentos são opcionais dependendo do método que será ativado.
Os métodos que estão inclusos no slide são: o addNav()
que ativa a funcionalidade de navegação utilizando os botões abaixo dele, e o addPagination()
do qual além de criar os ícones com as respectivas imagens de cada item, também libera a opção de navegar entre eles. Pode-se utilizar as duas funções ao mesmo tempo para que a experiência do usuário seja completa.