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'), {
-      theme: 'square'
-    });
+    Ps.initialize(container, { 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>