Skip to content

origamid/slide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slide Responsivo / Touch

Existem duas versões do slide, uma com controle de navegação e outra sem controles.

Adicione ao seu site o arquivo slide.js ou slidenav.js que estão dentro da pasta dist, assim como o arquivo slide.css.

// código para o arquivo /dist/slide.js
// O primeiro seletor .slide, deve ser o elemento que envolve diretamente os slides.
// O segundo seletor deve ser um elemento a parte que envolve o .slide
const slide = new Slide(".slide", ".slide-wrapper");
slide.init();
// código para o arquivo /dist/slidenav.js
// O primeiro seletor .slide, deve ser o elemento que envolve diretamente os slides.
// O segundo seletor deve ser um elemento a parte que envolve o .slide
// caso deseje controles acione os métodos addArrow e addControl
const slide = new SlideNav('.slide', '.slide-wrapper');
slide.init();
slide.addArrow('.prev', '.next');
slide.addControl('.custom-controls');

About

Slide do projeto do curso de JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published