mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
slider option visual tests
This commit is contained in:
parent
8ebef87f2e
commit
7c17d17406
23
tests/visual/slider/slider_option_animate_false.html
Normal file
23
tests/visual/slider/slider_option_animate_false.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option animate false</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
animate: false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_animate_true.html
Normal file
23
tests/visual/slider/slider_option_animate_true.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option animate true</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
animate: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_max_3.html
Normal file
23
tests/visual/slider/slider_option_max_3.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option max 3</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
max: 3
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_max_30.html
Normal file
23
tests/visual/slider/slider_option_max_30.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option max 30</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
max: 30
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_max_300.html
Normal file
23
tests/visual/slider/slider_option_max_300.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option max 300</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
max: 300
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_min_-3.html
Normal file
24
tests/visual/slider/slider_option_min_-3.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option min -3</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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: -3,
|
||||
max: 0
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_min_-30.html
Normal file
24
tests/visual/slider/slider_option_min_-30.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option min -30</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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: -30,
|
||||
max: 0
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_min_-300.html
Normal file
24
tests/visual/slider/slider_option_min_-300.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option min -300</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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: -300,
|
||||
max: 0
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option orientation 'horizontal'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
orientation: 'horizontal'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_orientation_vertical.html
Normal file
23
tests/visual/slider/slider_option_orientation_vertical.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option orientation 'vertical'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
orientation: 'vertical'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_range_false.html
Normal file
24
tests/visual/slider/slider_option_range_false.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option range false</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
range: false,
|
||||
value: 50
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_range_max.html
Normal file
24
tests/visual/slider/slider_option_range_max.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option range 'max'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
range: 'max',
|
||||
value: 40
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_range_min.html
Normal file
24
tests/visual/slider/slider_option_range_min.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option range 'min'</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
range: 'min',
|
||||
value: 60
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
24
tests/visual/slider/slider_option_range_true.html
Normal file
24
tests/visual/slider/slider_option_range_true.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option range true</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
range: true,
|
||||
values: [25, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_step_25.html
Normal file
23
tests/visual/slider/slider_option_step_25.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option step 25</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
step: 25
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_step_5.html
Normal file
23
tests/visual/slider/slider_option_step_5.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option step 5</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
step: 5
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_value_3.html
Normal file
23
tests/visual/slider/slider_option_value_3.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option value 3</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
value: 3
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_value_30.html
Normal file
23
tests/visual/slider/slider_option_value_30.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option value 30</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
value: 30
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_values_25_50_75.html
Normal file
23
tests/visual/slider/slider_option_values_25_50_75.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option values 25 50 75</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
values: [25, 50, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_values_25_75.html
Normal file
23
tests/visual/slider/slider_option_values_25_75.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option values 25 75</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
values: [25, 75]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
23
tests/visual/slider/slider_option_values_50.html
Normal file
23
tests/visual/slider/slider_option_values_50.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Slider Visual Test : Slider option values 50</title>
|
||||
<link rel="stylesheet" href="../visual.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.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({
|
||||
values: [50]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="slider"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user