diff options
Diffstat (limited to 'js')
| -rw-r--r-- | js/reveal.js | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/js/reveal.js b/js/reveal.js index d751a03..2e06010 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -62,6 +62,9 @@ * version 1.1: * - Optional progress bar UI element * - Slide overview available via SPACE + * - Added 'transition' option for specifying transition styles + * - Added 'theme' option for specifying UI styles + * - Slides that contain nested-slides are given the 'stack' class * * TODO: * - Touch/swipe interactions @@ -83,6 +86,7 @@ var Reveal = (function(){ // > {Boolean} controls // > {Boolean} progress // > {String} theme + // > {String} transition // > {Boolean} rollingLinks config = {}, @@ -122,11 +126,12 @@ var Reveal = (function(){ config.rollingLinks = options.rollingLinks === undefined ? true : options.rollingLinks; config.controls = options.controls === undefined ? false : options.controls; config.progress = options.progress === undefined ? false : options.progress; + config.transition = options.transition === undefined ? 'default' : options.transition; config.theme = options.theme === undefined ? 'default' : options.theme; // Fall back on the 2D transform theme 'linear' if( supports3DTransforms === false ) { - config.theme = 'linear'; + config.transition = 'linear'; } if( config.controls ) { @@ -137,6 +142,10 @@ var Reveal = (function(){ dom.progress.style.display = 'block'; } + if( config.transition !== 'default' ) { + document.body.classList.add( config.transition ); + } + if( config.theme !== 'default' ) { document.body.classList.add( config.theme ); } @@ -417,6 +426,11 @@ var Reveal = (function(){ // Any element subsequent to index is given the 'future' class slide.setAttribute('class', 'future'); } + + // If this element contains vertical slides + if( slide.querySelector( 'section' ) ) { + slide.classList.add( 'stack' ); + } } } else { |