Procházet zdrojové kódy

Add fullscreen mode

Handling the fullscreen functionality via the fullscreen JavaScript API.

Press »f« on the keyboard to enter fullscreen mode.
Michael Kühnel před 12 roky
rodič
revize
2869f8a4ee
1 změnil soubory, kde provedl 21 přidání a 1 odebrání
  1. 21 1
      js/reveal.js

+ 21 - 1
js/reveal.js

@@ -435,6 +435,8 @@ var Reveal = (function(){
 			case 13: isOverviewActive() ? deactivateOverview() : triggered = false; break;
 			// b, period
 			case 66: case 190: togglePause(); break;
+			// f
+			case 70: enterFullscreen(); break;
 			default:
 				triggered = false;
 		}
@@ -1192,7 +1194,25 @@ var Reveal = (function(){
 		// another timeout
 		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
 	return {
 		initialize: initialize,