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