title: Reveal.js Slideshow Not Working
body: <p>I'm trying to use the Reveal.js framework to make a slideshow, but for some reason, it just won't work for me. It's just displaying a blank screen. Here's what I have so far (<a href="http://jsfiddle.net/T3vMQ/" rel="nofollow">jsfiddle</a>):</p>
  
  <pre><code>    &lt;!DOCTYPE HTML&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;link type="text/css" href="http://lab.hakim.se/reveal-js/css/reveal.min.css" rel="stylesheet" media="all"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;div class="reveal"&gt;
          &lt;div class="slides"&gt;
              &lt;section&gt;hello world&lt;/section&gt;
              &lt;section&gt;second slide&lt;/section&gt;
              &lt;section&gt;third&lt;/section&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript" src="http://lab.hakim.se/reveal-js/js/reveal.min.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>EDIT:
  The solution is to add the following code before the end body tag:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  Reveal.initialize({
  
  // Display controls in the bottom right corner
  controls: true,
  
  // Display a presentation progress bar
  progress: true,
  
  // Push each slide change to the browser history
  history: false,
  
  // Enable keyboard shortcuts for navigation
  keyboard: true,
  
  // Enable the slide overview mode
  overview: true,
  
  // Vertical centering of slides
  center: true,
  
  // Loop the presentation
  loop: false,
  
  // Change the presentation direction to be RTL
  rtl: false,
  
  // Number of milliseconds between automatically proceeding to the 
  // next slide, disabled when set to 0, this value can be overwritten
  // by using a data-autoslide attribute on your slides
  autoSlide: 0,
  
  // Enable slide navigation via mouse wheel
  mouseWheel: false,
  
  // Apply a 3D roll to links on hover
  rollingLinks: true,
  
  // Transition style
  transition: 'default' // default/cube/page/concave/zoom/linear/fade/none
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="https://github.com/hakimel/reveal.js" rel="nofollow">https://github.com/hakimel/reveal.js</a></p>