Create A Draggable Image Slider in HTML CSS & JavaScript | No External Plugin is Used

In this video, I’ve shown how to Create A Draggable Image Slider in HTML CSS & JavaScript. I didn’t use any external plugins or libraries to create this slider carousel. It’s made with vanilla JavaScript and works fine on touch devices too.

View Live Demo of this Draggable Image Slider

Download Images Only of this Image Slider

Source codes will be available soon on

0:00 Demo of Image Slider
1:10 HTML & CSS Start
6:33 Making Carousel Responsive
7:20 JavaScript Start
7:45 Sliding Images on Mouse move
12:10 Working on Previous & Next Icon
20:24 Making Carousel Touch Friendly
21:58 Auto Sliding Middle Image to the Center

Second Channel –
Facebook –
Instagram –

Music Credit:
Deep Sea by Vendredi

Something ’bout July (Instrumental) by RYYZN

Ikson – We Are Free (Vlog No Copyright Music)

Comments are closed.