Skip to content
Permalink
Browse files

Added 4 new slider demos, edited index page and existing demos

  • Loading branch information
Todd Parker
Todd Parker committed Dec 29, 2008
1 parent 229bebf commit b5759168f0308e586513825a1ee9a7b8194cc527
@@ -8,10 +8,14 @@

<dl class="nav">
<dt>Slider</dt>
<dd><a href="default.html">Default</a></dd>
<dd><a href="range.html">Range</a></dd>
<dd><a href="rangemin.html">Range Min</a></dd>
<dd><a href="rangemax.html">Range Max</a></dd>
<dd><a href="default.html">Default single slider</a></dd>
<dd><a href="steps.html">Snap to every 50 steps</a></dd>
<dd><a href="range.html">Range slider</a></dd>
<dd><a href="rangemin.html">Range with fixed min</a></dd>
<dd><a href="rangemax.html">Range with fixed max</a></dd>
<dd><a href="slider_vertical.html">Vertical single slider</a></dd>
<dd><a href="range_vertical.html">Vertical range slider</a></dd>
<dd><a href="multiple_vertical.html">Multiple vertical sliders</a></dd>
</dl>

</body>
@@ -0,0 +1,70 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Slider - Range Min Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
<script type="text/javascript">
$(function() {
$("#slider0").slider({
range: "min",
value: 60
});
$("#slider1").slider({
orientation: "vertical",
range: "min",
value: 88
});
$("#slider2").slider({
orientation: "vertical",
range: "min",
value: 77
});
$("#slider3").slider({
orientation: "vertical",
range: "min",
value: 55
});
$("#slider4").slider({
orientation: "vertical",
range: "min",
value: 33
});
$("#slider5").slider({
orientation: "vertical",
range: "min",
value: 40
});
$("#slider6").slider({
orientation: "vertical",
range: "min",
value: 45
});
$("#slider7").slider({
orientation: "vertical",
range: "min",
value: 70
});
});
</script>
</head>
<body>

Master volume:
<div id="slider0" style="width:260px; margin:15px; clear:both;"></div>

<br/><br/>

Graphic EQ:
<div id="slider1" style="height:120px; float:left; margin:15px"></div>
<div id="slider2" style="height:120px; float:left; margin:15px"></div>
<div id="slider3" style="height:120px; float:left; margin:15px"></div>
<div id="slider4" style="height:120px; float:left; margin:15px"></div>
<div id="slider5" style="height:120px; float:left; margin:15px"></div>
<div id="slider6" style="height:120px; float:left; margin:15px"></div>
<div id="slider7" style="height:120px; float:left; margin:15px"></div>
</body>
</html>
@@ -0,0 +1,25 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Slider - Range Min Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
<script type="text/javascript">
$(function() {
$("#slider-range").slider({
orientation: "vertical",
range: true,
values: [17, 67]
});
});
</script>
</head>
<body>

<div id="slider-range" style="height:300px;"></div>

</body>
</html>
@@ -0,0 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Slider - Range Min Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
<script type="text/javascript">
$(function() {
$("#slider-vertical").slider({
orientation: "vertical",
min: 0, max: 500, value: 140
});
});
</script>
</head>
<body>

<div id="slider-vertical" style="height:300px;"></div>

</body>
</html>
@@ -0,0 +1,23 @@
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Slider - Default Demo</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
<script type="text/javascript">
$(function() {
$("#slider").slider({
min: 0, max: 500, step: 50
});
});
</script>
</head>
<body>

<div id="slider"></div>

</body>
</html>

0 comments on commit b575916

Please sign in to comment.
You can’t perform that action at this time.