### 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({
// 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
- 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)
// 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)
});
} );
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
// 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,
// 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
}
function configure() {
- // Fall back on the 2D transform theme 'linear'
if( supports3DTransforms === false ) {
+ // Fall back on the 2D transform theme 'linear'
config.transition = 'linear';
}
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();
+
}
/**
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.
if( nextFragment() === false ) {
availableRoutes().down ? navigateDown() : navigateRight();
}
+
+ // If auto-sliding is enabled we need to cue up
+ // another timeout
+ cueAutoSlide();
}
/**