[Summary view] [Print] [Text view]

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

  32                  ]
  33              }
  34  
  35          ]
  36      };
  37  
  38      $(function(){
  39  
  40          uiRenderDemo(model);
  41  
  42      });
  43  
  44  </script>