Add example to change theme

8 years ago · c7ddde69c2
parent 69e3fb2688
commit c7ddde69c2
1 changed files with 15 additions and 4 deletions
--- a/examples/custom-theme.html
+++ b/examples/custom-theme.html
@ -11,17 +11,28 @@
  </style>
 </head>
 <body>
-<div id="Default" class="contentHolder">
+<div id="container" class="contentHolder">
  <div class="content">
  </div>
 </div>
 <p style='text-align: center'>
  <button id='default'>default</button>
  <button id='custom'>custom</button>
 </p>
 <script>
  var $ = document.querySelector.bind(document);
  var container = $('#container');
  window.onload = function () {
-    Ps.initialize($('#Default'), {
+    Ps.initialize(container, { theme: 'square' });
      theme: 'square'
    });
  };
  $('#default').addEventListener('click', function () {
    Ps.destroy(container);
    Ps.initialize(container);
  });
  $('#custom').addEventListener('click', function () {
    Ps.destroy(container);
    Ps.initialize(container, { theme: 'square' });
  });
 </script>
 </body>
 </html>