You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

38 lines
852 B

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/Pathslider/js/jquery.pathslider.js"></script>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
<link rel="stylesheet" type="text/css" href="css/pathslider.css">
</head>
<body>
<!-- The curved slider -->
<div id="slider"></div>
<style>
#slider {
background : #eee url();
width : 241px;
height : 266px;
}
</style>
<script>
jQuery(function($){
$("#slider").pathslider({
points : [50,10,-150,0,150,300,200,50],
value : 49,
rotateGrip : true,
tolerance : 3,
range : 30,
curve : { width:4, color:"#333", cap:"round" }
});
});
</script>
<div id="curve">
<h1>Relearn curved</h1>
</div>
</body>
</html>