title: Randomize slides in reveal.js
body: <p>I have a <code>reveal.js</code> presentation with approximately 300 slides. The purpose of this presentation is to cycle slides in "kiosk mode" on a monitor behind a conference booth. </p>
  
  <p>To create a <strong>"kiosk mode"</strong> I've got: </p>
  
  <pre><code>Reveal.initialize({
      controls: false,    // hide the control arrows
      progress: false,    // hide the progress bar
      history: false,     // don't add each slide to browser history
      loop: true,         // loop back to the beginning after last slide
      transition: fade,   // fade between slides
      autoSlide: 5000,    // advance automatically after 5000 ms
  });
  </code></pre>
  
  <p>This works very well, but I'd like to randomize the slides. The slides are currently just a list of 300 <code>&lt;section&gt;</code> tags in the index document - they aren't being pulled from anywhere external. Currently <code>random: true</code> isn't a configuration option in reveal.js. </p>
  
  <p>The display order of <em>fragments</em> can be controlled with <code>data-fragment-index</code>. Is it possible to do something like that with sections? Is there a way to trick reveal.js into randomizing my slides? </p>
  
  <p>My preference would be to shuffle them each time around - that is, to show slides 1-300 in random order, and then shuffle them, and show 1-300 again in a different random order. I would also be happy with just jumping to a random slide for each transition, though.</p>