Javascript

[Swiper]How to create vertical slider and adjust looks

vertical slider

In this article,I will describe about how to create vertical slider with swiper.js.Furthermore, we will also provide instructions on how to orient navigation and pagination vertically. I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the […]

[Swiper] How to make infinite loop slider

infinite loop slider

In this article, we are going to describe how to make infinite loop slider which continue to flow automatically using swiper.js. We are going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the below article.[Swiper] How to […]

[Swiper] How to make double slider [Sync]

double_slider

In this article, we are going to show how to make double slider which main slider and text slider work together.Swiper.js provides a useful option to synchronize 2 sliders. We are going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to […]

[Swiper]How to show parts of both sides of swiper slider

swiper_show_both_sides

In this article, I am going to describe about how to show parts of both sides of swiper slider.It is feasible by only add swiper option. I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the […]

[Swiper] How to create thumbnail slider

thumbnail slider

In this article, we will explain how to create a thumbnails slider using swiper.js. This will be achieved by utilizing the options of swiper.js to synchronize two sliders. I‘m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly […]

[Swiper] How to put arrows and dots outside of slider

Swiper slider

In this article, I am going to describe how to put arrows and dots outside of swiper slider with demo. I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the below article.[Swiper] How to create a […]

Load Swiper.js from CDN

swiper cdn

Here is the CDN of Swiper.js to create and style Swiper slider.As you use CDN, you can create Swiper slider without downloading libraries. The above are latest version at this point (September 2022).You can always check latest version of swiper.js on the official website.https://swiperjs.com/get-started#use-swiper-from-cdn When using ES Modules, please be aware that the URL for […]

[Swiper]How to customize pagination of Swiper slider

swiper pagination customize

This article is for the person who want to customize arrows of Swiper slider. For the customization by swiper option, below article might be helpful[Swiper]Everything about pagination of swiper.js I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, […]

[Swiper]How to customize arrows of Swiper slider

swiper arrow customize

In this article, we are going to describe how to customize navigation(arrows) of Swiper slider. We are going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the below article.[Swiper] How to create a simple slider with swiper.js […]

[Swiper] How to create a simple slider with swiper.js

swiper slider

Although there are many javascript libraries which can make a silder, swiper.js is the one of the most popular library which dose not require jQuery. In this article, I will show you how to create a simple slider with swiper.js ①load required libraries from CDN The latest version is ver11, but there are still some […]