Display gorgeous fullscreen images in reveal.js presentations
Latest commit bf8cf1b Nov 13, 2012 R��gis Behmo Replaced tabs in README
Failed to load latest commit information.
README Replaced tabs in README Nov 13, 2012
fullscreen-img.css Initial commit Nov 13, 2012
fullscreen-img.js Initial commit Nov 13, 2012


Reveal.js fullscreen image plugin

This is a simple plugin to insert full screen images in your presentations.

To use this plugin, you will need to use both the included js script and stylesheet:

  - copy fullscreen-img.js to your lib/js/ folder
  - copy fullscreen-img.css to your css/ folder
  - include both files in your presentation:

    <link rel="stylesheet" href="css/fullscreen-img.css">
        dependencies: [
          // Syntax highlight for <code> elements
          { src: 'lib/js/fullscreen-img.js' },

Then, you can flag any section as including a fullscreen image.

A title page:
  <section fullscreen-img="img/cover_image.jpg">
    <h1>A Fantastic Title</h1>
    <h2>Interesting subtitle</h2>

If you want to scale the image so that the entire image is contained in the
slide, add a fullscreen-size attribute with value "contain" to your section:

  <section fullscreen-img="img/cover_image.jpg" fullscreen-size="contain">