Ticket #4432: slider_animate.html

File slider_animate.html, 1.3 KB (added by yourcelf, 13 years ago)

Visual test for slider animation

Line 
1<!doctype html>
2<html lang="en">
3<head>
4        <title>Slider Visual Test : Default</title>
5        <link rel="stylesheet" href="../visual.css" type="text/css" />
6        <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
7        <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
8        <script type="text/javascript" src="../../../ui/ui.core.js"></script>
9        <script type="text/javascript" src="../../../ui/ui.slider.js"></script>
10    <script type="text/javascript">//<![CDATA[
11        $(document).ready(function() {
12            $("#slider").slider({
13                animate: true   
14            });
15        });
16    //]]></script>
17</head>
18<body>
19
20<div id='slider'></div>
21
22<h2>Programatic changes</h2>
23<p>No animation.  Slider should move immediately to position.
24    <a href='#' onclick='$("#slider").slider("value", 0);'>0</a>
25    <a href='#' onclick='$("#slider").slider("value", 50, false);'>50</a>
26    <a href='#' onclick='$("#slider").slider("value", 100);'>100</a>
27</p>
28<p>Animation.  Slider should move with animated slide.
29    <a href='#' onclick='$("#slider").slider("value", 0, true);'>0</a>
30    <a href='#' onclick='$("#slider").slider("value", 50, true);'>50</a>
31    <a href='#' onclick='$("#slider").slider("value", 100, true);'>100</a>
32</p>
33
34</body>
35</html>