1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<script type="text/javascript">
var model = {
renderAt: '#containerDemo',
title: 'Slider Demos',
demos: [
{
title: 'Simple slider',
desc: 'With few lines of code you could build a slider. You can try more options on the fly!',
html: '<div id="slider3"><div class="ui-slider-handle"></div></div>',
destroy: '$("#slider3").sortable("destroy");',
options: [
{
desc: 'Make a simple slider',
source: '$("#slider3").slider();'
}
]
},
{
title: 'Multiple slides',
desc: 'You can also have multiples slides.',
html: '<div id="slider1" class="ui-slider-2"><div class="ui-slider-handle"></div><div class="ui-slider-handle" style="left:100px"></div></div>',
destroy: '$("#slider1").slider("destroy");',
options: [
{ desc: 'Multiple slides', source: '$("#slider1").slider();' }
//, { desc: 'Multiple slides with range', source: '$("#slider1").slider({ range: true });' }
]
}
]
};
$(function(){
uiRenderDemo(model);
});
</script>
|
