phyks/reveal-js-base-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add fullscreen mode

Browse Source 
Handling the fullscreen functionality via the fullscreen JavaScript API.

Press »f« on the keyboard to enter fullscreen mode.
This commit is contained in:
Michael Kühnel 2012-10-14 10:26:40 +02:00
parent c34be2e976
commit 2869f8a4ee
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
js/reveal.js
View File

@ -435,6 +435,8 @@ var Reveal = (function(){
case 13: isOverviewActive() ? deactivateOverview() : triggered = false; break; case 13: isOverviewActive() ? deactivateOverview() : triggered = false; break;
// b, period // b, period
case 66: case 190: togglePause(); break; case 66: case 190: togglePause(); break;
// f
case 70: enterFullscreen(); break;
default: default:
triggered = false; triggered = false;
} }
@ -1193,6 +1195,24 @@ var Reveal = (function(){
cueAutoSlide(); cueAutoSlide();
} }
/**
* Handling the fullscreen functionality via the fullscreen API
* @see http://fullscreen.spec.whatwg.org/
* @see https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode
*/
function enterFullscreen() {
var element = document.body;
// Check which implementation is available
var requestMethod = element.requestFullScreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
element.msRequestFullScreen;
if (requestMethod) {
requestMethod.apply(element);
}
}
// Expose some methods publicly // Expose some methods publicly
return { return {
initialize: initialize, initialize: initialize,