~jstys-z/helioviewer.org/timeline

<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>