Javascript

[Swiper]How to create fade slider

fade slider

In this article, I am going to describe about how to create fade slider with smooth transitions using effect option 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, firstly check the below article.[Swiper] How to create a simple […]

[Swiper]How to create original slider using creativeEffect

creative slider

Swiper.js provides an option called “creativeEffect” that allows for considerable customization of the previous and next slides. By effectively utilizing this option, you can create your own original slider. In this article, I am going to explain how to use creativeEffect with demonstrations, and show some sample sliders which is created using creativeEffect. I’m going […]

[Swiper]How to improve accessibility of swiper slider

swiper_accessibility

Swiper.js which is one of the most popular javascript slider library has lots of options.In this article, I am going to describe about how to improve accessibility of swiper slider with demos. By implementing the following four, we will improve accessibility. Create a normal swiper slider To make it clear, we will create normal swiper […]

[Swiper]How to change size, position and color of arrows

swiper arrows size position color

When we create swiper slider, sometimes want to change size, position or color of arrows.I will show how to do it with the demos. 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] […]

[Swiper]How to change size, position and color of pagination

swiper pagination size position color

When we create swiper slider, sometimes want to change size, position or color of pagination.I will show how to do it with the demos. 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] […]

[Javascript]How to preview multiple images before uploading

In this article,  We are going to describe about how to preview multiple images before uploading using javascript. If you want to preview only one image, the below article might be helpful.[Javascript] How to preview an image when file is selected Complete Image We aim to implement a functionality to preview all selected files as […]

[Javascript]How to Preview an Image when File is selected

preview image

In this article, I am going to describe about how to preview a single image when file is selected using javascript. I have prepared a Demo which can be touched at the lower. ①Receive the Selected File Let’s look at how to receive the selected file through a file selection dialog like the one below. […]

[Javascript]Blob to File and File to Blob

blob and file

In this article, I am going to describe about how to convert Blob to File and how to convert File to Blob.Both are easy to do. Blob to File File to Blob That is all,  it was about how to convert Blob to File and how to convert File to Blob.

[Javascript]DataURL to File and File to DataURL

dataurl and file

In this article, I am going to describe about how to convert DataURL to File and how to convert File to DataURL. DataURL to File Conversion from DataURL to File is possible by combining fetch method and File Api.DataURL is once converted to Blob By fetch method and then converted to File by File Api. You can do any operation againt the […]

[Javascript]DataURL to Blob and Blob to DataURL

dataurl and blob

In this article, I am going to describe about how to convert DataURL to Blob and how to convert Blob to DataURL. DataURL to Blob fetch method might be helpful to convert DataURL to Blob.You can do any operation againt the returned blob in the then method. DataURL to Blob as a function In the […]