Javascript

[Javascript]How to save FileReader result into a variable

Commonly, FileReader is executed asynchronously, and some operation against the result is done in the onload event. In this article, I am going to describe about how to save FileReader result into a global variable instead of processing in the onload event. Common usage of FileReader Commonly, FileReader is used as below.Firstly, requesting to convert Blob(or File) […]

[Javascript]How to save a fetch result into a variable

Commonly, fetch method is executed asynchronously, and some operation against the result is done in the then method. In this article, I am going to describe about how to save a fetch result into a variable without using the then method. Common usage of fetch method Commonly, fetch method is used as below.In this way, […]

Swiper Demo 22 Slider

In this article, we are going to introduce 22 sample slider that you can create using swiper.js with Demos.And you can refer the link below each demo to see how to create. ①Normal slider Firstly, normal slider without any customization. See How to create See How to create with React ②Customized arrows Next, the slider […]

[Swiper] How to Create Flip Slider

flip slider

In this article, we are going to describe about how to create flip slider using effect option of 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 create a […]

[Swiper]How to create coverflow slider

coverflow slider

In this article, I am going to describe about how to create coverflow slider such as the eyecatch of this article using effect option of swiper.js.I will also explain how to make detailed adjustments using coverflowEffect. I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So […]

[Swiper]How to create card slider

card slider

In this article, I am going to describe about how to create card slider using effect option of swiper.js.I will also explain how to make detailed adjustments using cardsEffect. 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 create cube slider

cube slider

In this article, I am going to describe about how to create 3D cube slider using effect option of swiper.js.I will also explain how to make detailed adjustments using cubeEffect. 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 lazy load by using lazy option

swiper lazy loading

In this article, I am going to describe about how to lazy load swiper slider by using lazy 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 below article.[Swiper] How to create a simple […]

[Swiper]How to create grid slider

grid slider

In this article,I am going to describe how to create grid slider using 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, firstly check the below article.[Swiper] How to create a simple slider with swiper.js ①Create a […]

[Swiper]Everything about pagination of swiper.js

swiper pagination

swiper.js has many pagination option and we can easily create various pagination by only specify options.In this article, I am going to describe about how to create various pagination of swiper 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 […]