Skip to content

Slide feito em VanillaJS (JavaScript puro) com duas opções diferentes de navegação.

Notifications You must be signed in to change notification settings

feliphepaz/slide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slide

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.

About

Slide feito em VanillaJS (JavaScript puro) com duas opções diferentes de navegação.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published