Swipe To Slide / Draggable slider using Jquery
Create a file name as index.html. Copy and paste the code in created html file. then preview the file. <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Draggable & Touch-friendly Slider Example</title> <style type="text/css"> @import url("https://fonts.googleapis.com/css?family=Montserrat"); * { box-sizing: border-box; } body { height: 100%; background: #efefef; color: #333; font-family: 'Montserrat', sans-serif; font-weight: 600; text-align: center; letter-spacing: 0.15em; font-size: 18px; } .slider { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 400px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2)
