added autoSlide option (#59), clear out list of options in index.html's initialize call
This commit is contained in:
		
							
								
								
									
										15
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										15
									
								
								README.md
									
									
									
									
									
								
							| @@ -26,7 +26,7 @@ Markup heirarchy needs to be ``<div id="reveal"> <div class="slides"> <section>` | ||||
|  | ||||
| ### Configuration | ||||
|  | ||||
| At the end of your page, after ``<script src="js/reveal.js"></script>``, you need to initialize reveal by running the following code. Note that all config values are optional. | ||||
| At the end of your page, after ``<script src="js/reveal.js"></script>``, you need to initialize reveal by running the following code. Note that all config values are optional and will default as specified below. | ||||
|  | ||||
| ```javascript | ||||
| Reveal.initialize({ | ||||
| @@ -36,13 +36,17 @@ Reveal.initialize({ | ||||
| 	// Display a presentation progress bar | ||||
| 	progress: true, | ||||
|  | ||||
| 	// If true; each slide will be pushed to the browser history | ||||
| 	history: true, | ||||
| 	// Push each slide change to the browser history | ||||
| 	history: false, | ||||
|  | ||||
| 	// Loops the presentation, defaults to false | ||||
| 	// Loop the presentation | ||||
| 	loop: false, | ||||
|  | ||||
| 	// Flags if mouse wheel navigation should be enabled | ||||
| 	// Number of milliseconds between automatically proceeding to the  | ||||
| 	// next slide, disabled when set to 0 | ||||
| 	autoSlide: 0, | ||||
|  | ||||
| 	// Enable slide navigation via mouse wheel | ||||
| 	mouseWheel: true, | ||||
|  | ||||
| 	// Apply a 3D roll to links on hover | ||||
| @@ -170,6 +174,7 @@ You can change the appearance of the speaker notes by editing the file at `plugi | ||||
| - Slide notes by [rmurphey](https://github.com/rmurphey) | ||||
| - Bumped up default font-size for code samples | ||||
| - Added beige theme | ||||
| - Added 'autoSlide' config | ||||
|  | ||||
| #### 1.3 | ||||
| - Revised keyboard shortcuts, including ESC for overview, N for next, P for previous. Thanks [mahemoff](https://github.com/mahemoff) | ||||
|   | ||||
							
								
								
									
										19
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										19
									
								
								index.html
									
									
									
									
									
								
							| @@ -279,29 +279,14 @@ function linkify( selector ) { | ||||
| 					// event.previousSlide, event.currentSlide, event.indexh, event.indexv | ||||
| 				} ); | ||||
|  | ||||
| 				// Full list of configuration options available here: | ||||
| 				// https://github.com/hakimel/reveal.js#configuration | ||||
| 				Reveal.initialize({ | ||||
| 					// Display controls in the bottom right corner | ||||
| 					controls: true, | ||||
|  | ||||
| 					// Display a presentation progress bar | ||||
| 					progress: true, | ||||
|  | ||||
| 					// If true; each slide will be pushed to the browser history | ||||
| 					history: true, | ||||
|  | ||||
| 					// Loops the presentation, defaults to false | ||||
| 					loop: false, | ||||
|  | ||||
| 					// Flags if mouse wheel navigation should be enabled | ||||
| 					mouseWheel: true, | ||||
|  | ||||
| 					// Apply a 3D roll to links on hover | ||||
| 					rollingLinks: true, | ||||
|  | ||||
| 					// UI style | ||||
| 					theme: query.theme || 'default', // default/neon/beige | ||||
|  | ||||
| 					// Transition style | ||||
| 					transition: query.transition || 'default' // default/cube/page/concave/linear(2d) | ||||
| 				}); | ||||
| 			} ); | ||||
|   | ||||
							
								
								
									
										61
									
								
								js/reveal.js
									
									
									
									
									
								
							
							
						
						
									
										61
									
								
								js/reveal.js
									
									
									
									
									
								
							| @@ -16,16 +16,35 @@ var Reveal = (function(){ | ||||
| 		indexh = 0, | ||||
| 		indexv = 0, | ||||
|  | ||||
| 		// Configurations options, can be overridden at initialization time  | ||||
| 		// Configurations defaults, can be overridden at initialization time  | ||||
| 		config = { | ||||
| 			// Display controls in the bottom right corner | ||||
| 			controls: true, | ||||
| 			progress: false, | ||||
|  | ||||
| 			// Display a presentation progress bar | ||||
| 			progress: true, | ||||
|  | ||||
| 			// Push each slide change to the browser history | ||||
| 			history: false, | ||||
|  | ||||
| 			// Loop the presentation | ||||
| 			loop: false, | ||||
|  | ||||
| 			// Number of milliseconds between automatically proceeding to the  | ||||
| 			// next slide, disabled when set to 0 | ||||
| 			autoSlide: 0, | ||||
|  | ||||
| 			// Enable slide navigation via mouse wheel | ||||
| 			mouseWheel: true, | ||||
|  | ||||
| 			// Apply a 3D roll to links on hover | ||||
| 			rollingLinks: true, | ||||
| 			transition: 'default', | ||||
| 			theme: 'default' | ||||
|  | ||||
| 			// UI style | ||||
| 			theme: 'default', // default/neon/beige | ||||
|  | ||||
| 			// Transition style | ||||
| 			transition: 'default' // default/cube/page/concave/linear(2d) | ||||
| 		}, | ||||
|  | ||||
| 		// Slides may hold a data-state attribute which we pick up and apply  | ||||
| @@ -55,6 +74,9 @@ var Reveal = (function(){ | ||||
| 		// Throttles mouse wheel navigation | ||||
| 		mouseWheelTimeout = 0, | ||||
|  | ||||
| 		// An interval used to automatically move on to the next slide | ||||
| 		autoSlideTimeout = 0, | ||||
|  | ||||
| 		// Delays updates to the URL due to a Chrome thumbnailer bug | ||||
| 		writeURLTimeout = 0, | ||||
|  | ||||
| @@ -107,6 +129,9 @@ var Reveal = (function(){ | ||||
| 		// Read the initial hash | ||||
| 		readURL(); | ||||
|  | ||||
| 		// Start auto-sliding if it's enabled | ||||
| 		cueAutoSlide(); | ||||
|  | ||||
| 		// Set up hiding of the browser address bar | ||||
| 		if( navigator.userAgent.match( /(iphone|ipod|android)/i ) ) { | ||||
| 			// Give the page some scrollable overflow | ||||
| @@ -121,8 +146,8 @@ var Reveal = (function(){ | ||||
| 	} | ||||
|  | ||||
| 	function configure() { | ||||
| 		// Fall back on the 2D transform theme 'linear' | ||||
| 		if( supports3DTransforms === false ) { | ||||
| 			// Fall back on the 2D transform theme 'linear' | ||||
| 			config.transition = 'linear'; | ||||
| 		} | ||||
|  | ||||
| @@ -269,20 +294,21 @@ var Reveal = (function(){ | ||||
| 			case 13: if( overviewIsActive() ) { deactivateOverview(); triggered = true; } break; | ||||
| 		} | ||||
|  | ||||
| 		// If the input resulted in a triggered action we should prevent  | ||||
| 		// the browsers default behavior | ||||
| 		if( triggered ) { | ||||
| 			event.preventDefault(); | ||||
| 		} | ||||
| 		else if ( event.keyCode === 27 && supports3DTransforms ) { | ||||
| 			if( overviewIsActive() ) { | ||||
| 				deactivateOverview(); | ||||
| 			} | ||||
| 			else { | ||||
| 				activateOverview(); | ||||
| 			} | ||||
| 			toggleOverview(); | ||||
| 	 | ||||
| 			event.preventDefault(); | ||||
| 		} | ||||
|  | ||||
| 		// If auto-sliding is enabled we need to cue up  | ||||
| 		// another timeout | ||||
| 		cueAutoSlide(); | ||||
|  | ||||
| 	} | ||||
|  | ||||
| 	/** | ||||
| @@ -841,6 +867,15 @@ var Reveal = (function(){ | ||||
| 		return false; | ||||
| 	} | ||||
|  | ||||
| 	function cueAutoSlide() { | ||||
| 		clearTimeout( autoSlideTimeout ); | ||||
|  | ||||
| 		// Cue the next auto-slide if enabled | ||||
| 		if( config.autoSlide ) { | ||||
| 			autoSlideTimeout = setTimeout( navigateNext, config.autoSlide ); | ||||
| 		} | ||||
| 	} | ||||
| 	 | ||||
| 	/** | ||||
| 	 * Triggers a navigation to the specified indices. | ||||
| 	 *  | ||||
| @@ -909,6 +944,10 @@ var Reveal = (function(){ | ||||
| 		if( nextFragment() === false ) { | ||||
| 			availableRoutes().down ? navigateDown() : navigateRight(); | ||||
| 		} | ||||
|  | ||||
| 		// If auto-sliding is enabled we need to cue up  | ||||
| 		// another timeout | ||||
| 		cueAutoSlide(); | ||||
| 	} | ||||
|  | ||||
| 	/** | ||||
|   | ||||
		Reference in New Issue
	
	Block a user