controls are not necessary
no need to include the controls in html
This commit is contained in:
		
							
								
								
									
										11
									
								
								js/reveal.js
									
									
									
									
									
								
							
							
						
						
									
										11
									
								
								js/reveal.js
									
									
									
									
									
								
							| @@ -87,11 +87,14 @@ var Reveal = (function(){ | |||||||
| 		dom.wrapper = document.querySelector( '.reveal' ); | 		dom.wrapper = document.querySelector( '.reveal' ); | ||||||
| 		dom.progress = document.querySelector( '.reveal .progress' ); | 		dom.progress = document.querySelector( '.reveal .progress' ); | ||||||
| 		dom.progressbar = document.querySelector( '.reveal .progress span' ); | 		dom.progressbar = document.querySelector( '.reveal .progress span' ); | ||||||
|  | 		 | ||||||
|  | 		if (config.controls) { | ||||||
| 			dom.controls = document.querySelector( '.reveal .controls' ); | 			dom.controls = document.querySelector( '.reveal .controls' ); | ||||||
| 			dom.controlsLeft = document.querySelector( '.reveal .controls .left' ); | 			dom.controlsLeft = document.querySelector( '.reveal .controls .left' ); | ||||||
| 			dom.controlsRight = document.querySelector( '.reveal .controls .right' ); | 			dom.controlsRight = document.querySelector( '.reveal .controls .right' ); | ||||||
| 			dom.controlsUp = document.querySelector( '.reveal .controls .up' ); | 			dom.controlsUp = document.querySelector( '.reveal .controls .up' ); | ||||||
| 			dom.controlsDown = document.querySelector( '.reveal .controls .down' ); | 			dom.controlsDown = document.querySelector( '.reveal .controls .down' ); | ||||||
|  | 		} | ||||||
|  |  | ||||||
| 		addEventListeners(); | 		addEventListeners(); | ||||||
|  |  | ||||||
| @@ -123,7 +126,7 @@ var Reveal = (function(){ | |||||||
| 			config.transition = 'linear'; | 			config.transition = 'linear'; | ||||||
| 		} | 		} | ||||||
|  |  | ||||||
| 		if( config.controls ) { | 		if( config.controls && dom.controls ) { | ||||||
| 			dom.controls.style.display = 'block'; | 			dom.controls.style.display = 'block'; | ||||||
| 		} | 		} | ||||||
|  |  | ||||||
| @@ -157,11 +160,13 @@ var Reveal = (function(){ | |||||||
| 		document.addEventListener( 'touchend', onDocumentTouchEnd, false ); | 		document.addEventListener( 'touchend', onDocumentTouchEnd, false ); | ||||||
| 		window.addEventListener( 'hashchange', onWindowHashChange, false ); | 		window.addEventListener( 'hashchange', onWindowHashChange, false ); | ||||||
|  |  | ||||||
|  | 		if (dom.controls) { | ||||||
| 			dom.controlsLeft.addEventListener( 'click', preventAndForward( navigateLeft ), false ); | 			dom.controlsLeft.addEventListener( 'click', preventAndForward( navigateLeft ), false ); | ||||||
| 			dom.controlsRight.addEventListener( 'click', preventAndForward( navigateRight ), false ); | 			dom.controlsRight.addEventListener( 'click', preventAndForward( navigateRight ), false ); | ||||||
| 			dom.controlsUp.addEventListener( 'click', preventAndForward( navigateUp ), false ); | 			dom.controlsUp.addEventListener( 'click', preventAndForward( navigateUp ), false ); | ||||||
| 			dom.controlsDown.addEventListener( 'click', preventAndForward( navigateDown ), false );	 | 			dom.controlsDown.addEventListener( 'click', preventAndForward( navigateDown ), false );	 | ||||||
| 		} | 		} | ||||||
|  | 	} | ||||||
|  |  | ||||||
| 	function removeEventListeners() { | 	function removeEventListeners() { | ||||||
| 		document.removeEventListener( 'keydown', onDocumentKeyDown, false ); | 		document.removeEventListener( 'keydown', onDocumentKeyDown, false ); | ||||||
| @@ -170,11 +175,13 @@ var Reveal = (function(){ | |||||||
| 		document.removeEventListener( 'touchend', onDocumentTouchEnd, false ); | 		document.removeEventListener( 'touchend', onDocumentTouchEnd, false ); | ||||||
| 		window.removeEventListener( 'hashchange', onWindowHashChange, false ); | 		window.removeEventListener( 'hashchange', onWindowHashChange, false ); | ||||||
| 		 | 		 | ||||||
|  | 		if (dom.controls) { | ||||||
| 			dom.controlsLeft.removeEventListener( 'click', preventAndForward( navigateLeft ), false ); | 			dom.controlsLeft.removeEventListener( 'click', preventAndForward( navigateLeft ), false ); | ||||||
| 			dom.controlsRight.removeEventListener( 'click', preventAndForward( navigateRight ), false ); | 			dom.controlsRight.removeEventListener( 'click', preventAndForward( navigateRight ), false ); | ||||||
| 			dom.controlsUp.removeEventListener( 'click', preventAndForward( navigateUp ), false ); | 			dom.controlsUp.removeEventListener( 'click', preventAndForward( navigateUp ), false ); | ||||||
| 			dom.controlsDown.removeEventListener( 'click', preventAndForward( navigateDown ), false ); | 			dom.controlsDown.removeEventListener( 'click', preventAndForward( navigateDown ), false ); | ||||||
| 		} | 		} | ||||||
|  | 	} | ||||||
|  |  | ||||||
| 	/** | 	/** | ||||||
| 	 * Extend object a with the properties of object b.  | 	 * Extend object a with the properties of object b.  | ||||||
| @@ -692,6 +699,8 @@ var Reveal = (function(){ | |||||||
| 	 * Updates the state and link pointers of the controls. | 	 * Updates the state and link pointers of the controls. | ||||||
| 	 */ | 	 */ | ||||||
| 	function updateControls() { | 	function updateControls() { | ||||||
|  | 		if (!dom.controls) return; | ||||||
|  | 		 | ||||||
| 		var routes = availableRoutes(); | 		var routes = availableRoutes(); | ||||||
|  |  | ||||||
| 		// Remove the 'enabled' class from all directions | 		// Remove the 'enabled' class from all directions | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user