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
https://codingnepalweb.com/demos/draggable-image-slider-javascript/

Download Images Only of this Image Slider
https://drive.google.com/file/d/1cXIb11VwyUQR0o-nCkfsDNnxOSOiAVZt/view?usp=sharing

Source codes will be available soon on
https://www.codingnepalweb.com

Timestamps:
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 – https://bit.ly/3aHNkru
Facebook – https://www.facebook.com/coding.np
Instagram – https://www.instagram.com/coding.np

Music Credit:
Deep Sea by Vendredi
https://youtu.be/pgyO_nxgmnE

Something ’bout July (Instrumental) by RYYZN
https://youtu.be/OFga9pkl6RU

Ikson – We Are Free (Vlog No Copyright Music)
https://youtu.be/8hSZZ9um0aM