Skip to content

saintgregoire/Swiper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

swiper image

Swiper javascript logo

Swiper is a script that allows you to cyclically change content built on the basis of CSS and JavaScrip.

In view of the demand for a swiper in website development, I decided to make it easier for you to write your own script and am sharing with you a ready-made swiper that you can use in your project, changing it to suit your requirements.

When you press the "right" button, the swiper moves one slide to the left and vice versa when you press the "left" button.

This code is adapted for all devices.

Method: mobile-first;

Breakpoints:

  • 768px;
  • 1024px;
  • 1440px;
  • 1920px;

How to set different values ​​for breakpoints:

==> Click me

I have also added comments in important parts of the code for your ease of use.

Summary

Philosophy

KISS 💋

Licence

Was created under the MIT Licence ⚖️

Tools

  • HTML html5 logo
  • SCSS sass logo
  • JS javascript logo

Installation

You can download the 🧰release of this project.

------------------------OR-------------------------

To work with this project you will need git logoGIT.

==>How to install Git

You can use SCSS sass logo or CSS css3 logo code.

❗️To use SCSS you need to install SASS.

==>How to install SASS

❓If you work in vscode logoVSCode, you can use the plugin without installing SASS.

sass compiler

Local installation:

On the command line, navigate to the folder where the project will be deployed. Then copy it from github logoGitHub :

git clone https://github.com/saintgregoire/Swiper.git

Contact me

linkedin logo gmail logo

If you have any questions you can always open new issue in this repo.