https://github.com/regisb/reveal.js-fullscreen-img

[DEPRECATED] Display gorgeous fullscreen images in reveal.js presentations
https://github.com/regisb/reveal.js-fullscreen-img

Last synced: over 1 year ago
JSON representation

[DEPRECATED] Display gorgeous fullscreen images in reveal.js presentations

• Host: GitHub
• URL: https://github.com/regisb/reveal.js-fullscreen-img
• Owner: regisb
• Created: 2012-11-13T11:07:32.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2018-08-27T06:13:03.000Z (almost 8 years ago)
• Last Synced: 2025-03-18T04:51:52.268Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 1.95 KB
• Stars: 48
• Watchers: 5
• Forks: 20
• Open Issues: 2
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

          
Reveal.js fullscreen image plugin

---------------------------------

NOTE: this plugin is now (Jan. 2014) deprecated in favor of reveal.js' native data-background-image property: https://github.com/hakimel/reveal.js/#image-backgrounds

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:

    

    

      Reveal.initialize({

        ...

        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:

  

  

    
A Fantastic Title

    
Interesting subtitle

  


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:

  

    ...