In this video, we will learn 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.
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
Hire me on Fiverr
https://www.fiverr.com/prakashahi
Live Demo or Download Codes 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
Subscribe: https://www.youtube.com/@CodingNepal/featured
#js #javascript #html #css