Reveal.js: Webpage as slide

[justmytwospence]

Would it be possible to have one slide be an entire (full-screen) webpage? Basically an iframe that takes up the full screen with the navigation controls/progress bar overlaid. This would be a wonderful feature for lots of different things, fluidly demonstrating a visualization on bl.ocks.org for example.

[hakimel]

There is an experimental and undocumented feature that might fit this use case. Try adding the following link in a presentation:

<a href="http://hakim.se" data-preview-link>Hakim El Hattab</a>

When that is clicked reveal.js brings up a full screen overlay with an iframe showing the anchor URL. I built this in with the intention of reducing the amount of times one needs to exit/resume the presentation after viewing external resources. It's a hidden feature for the time being since I haven't decided whether or not to keep it. The overlay can't currently be triggered automatically when a slide is opened but that could easily be added.

[bobj]

I think this a feature worth adding, particularly the automatic triggering of the overlay. I'm using reveal.js as a digital signage platform, so the ability to display web sites alongside slides would be fantastic.

[chacalle]

It would be nice to be able to be able to use data-preview-link for images, headers, etc. Seems like currently it just opens the link outside of the presentation. Is there a way to do this? @hakimel

<section>
    <a href="http://hakim.se" data-preview-link>
        <img class="stretch" src="/images/presentations/Hakim.jpg">
    </a>
</section>

[jcamp]

Yep, second that - would be a brilliant feature, perhaps with some parameters or options to adjust the size of the iframe, etc....