Skip to content

A simple demostration of how we can use swiper to build dynamic slides, responsibles and styled

Notifications You must be signed in to change notification settings

MauricioMbala02/slider_effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Slide Lezard Crew

Esse Slide foi criado com Html, CSS e JavaScript, biblioteca utilizada SwiperJs

O slide foi criado por mim Maurício Mbala, veja meu perfil.: https://github.com/MauricioMbala02



Visualização do Slide

Screenshot



Links da biblioteca .:



Meu código JavaScript

var swiper = new Swiper(".slide-content", {
    slidesPerView: 3,
    spaceBetween: 25,
    loop: true,
    centerSlide: 'true',
    fade: 'true',
    grabCursor: 'true',
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
      dynamicBullets: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    breakpoints: {
      0: {
        slidesPerView: 1,
      },
      520: {
        slidesPerView: 2,
      },
      950: {
        slidesPerView: 3,
      }
    },
  });

/** © Maurício Mbala - My Code JavaScript **/



E é tudo, muito obrigado por visitar meu repositório e volte sempre para programarmos juntos!😎️





© Maurício Mbala - My Project

About

A simple demostration of how we can use swiper to build dynamic slides, responsibles and styled

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published