Slick Demo 7 slider

I am going to show 7 Demos of slick slider.


You can touch and operate the each demos.
Please refer each links below the demos when you want to know how to make the slider.

①Normal slider

Firstly, completely ordinary normal slider.

[slick]How to make Caroucel Slider with slick.js[only 4 steps]

Now there are many libraries which can make a caroucel silder, slick.js is one of the best option because it is customizable, responsive and mobile friendly.

mgmgblog.com

②Slider that the parts of both sides is shown

Next is the slider that the parts of both sides is shown

[Slick]How to show parts of both sides of slick slider

In this article, I am going to describe about how to show parts of both sides of slick slider.

mgmgblog.com

③Slider with buttons

This is the slider that the slides move when you click buttons.
The buttons are made by dots customized.

[slick.js]How to customize dots of slick slider

In this article, I will describe how to customize dots of slick slider with demo.

mgmgblog.com

④The slider which its arrows are customized

This is the slider which which its arrows are replaced with any images.

[slick.js]How to customize arrows of slick slider

In this article, I will describe how to customize arrows of slick slider.

mgmgblog.com

⑤Slider with thumbnail

This is the slider which the thumbnail of each slide is shown below the main slider.
This slider is made by interlocking the two sliders

[Slick]How to create thumbnail slider with slick.js

In this article,I am going to describe about how to create thumbnail slider with slick.js.

mgmgblog.com

⑥Double slider

This is the slider which the main slider and the text slider are interlocked.

The text for first slide
The text for first slide
The text for first slide

The text for second slide
The text for second slide
The text for second slide

The text for third slide
The text for third slide
The text for third slide

[Slick]How to create double slider by slick.js

In this article,I am going to describe about how to create double slider by slick.js.

mgmgblog.com

⑦Infinite loop slider

This is the slider which continue to flow at a constant speed.

[Slick]How to create infinite loop slider

In this article, I am going to describe about how to create infinite loop slider which automatically move sideways by using slick.js.

mgmgblog.com

That is all, I introduced 7 demos of slick slider.
Please try to make any!