From 2c3a494eaa4140a2964465848c8483deafc4e86e Mon Sep 17 00:00:00 2001 From: hakimel <hakim.elhattab@gmail.com> Date: Fri, 3 Aug 2012 22:41:31 -0400 Subject: [PATCH] disable 3d links in ie, reorder script loading in index for readability (closes #95) --- README.md | 1 + index.html | 61 +++++++++++++++++++++++++++------------------------- js/reveal.js | 24 ++++++++++----------- 3 files changed, 45 insertions(+), 41 deletions(-) diff --git a/README.md b/README.md index 439bf04..0e6da25 100644 --- a/README.md +++ b/README.md @@ -204,6 +204,7 @@ You can change the appearance of the speaker notes by editing the file at `plugi - Added EOT font for IE support - IE8 support - Fixed bug where hovering 3D links in Chrome caused them to disappear +- Disable 3D links in IE and more accurate CSS feature detection #### 1.4 - Main ```#reveal container``` is now selected via a class instead of ID diff --git a/index.html b/index.html index 3b90c9d..2899a10 100644 --- a/index.html +++ b/index.html @@ -278,12 +278,42 @@ function linkify( selector ) { <script src="lib/js/head.min.js"></script> <script> + head.ready( function() { + + // Fires when a slide with data-state=customevent is activated + Reveal.addEventListener( 'customevent', function() { + console.log( '"customevent" has fired' ); + } ); + + // Fires each time a new slide is activated + Reveal.addEventListener( 'slidechanged', function( event ) { + // event.previousSlide, event.currentSlide, event.indexh, event.indexv + } ); + + // Full list of configuration options available here: + // https://github.com/hakimel/reveal.js#configuration + Reveal.initialize({ + controls: true, + progress: true, + history: true, + + theme: Reveal.getQueryHash().theme || 'default', // default/neon/beige + transition: Reveal.getQueryHash().transition || 'default' // default/cube/page/concave/linear(2d) + }); + + // Load highlight.js for syntax highlighting of code samples + head.js( 'lib/js/highlight.js', function() { + hljs.initHighlightingOnLoad(); + } ); + + } ); + // Scripts that should be loaded before initializing var scripts = []; // If the browser doesn't support classList, load a polyfill if( !document.body.classList ) { - scripts.push( 'lib/js/classList.js' ); + head.js( 'lib/js/classList.js' ); } // Load markdown parser if there are slides defined using markdown @@ -302,35 +332,8 @@ function linkify( selector ) { scripts.push( 'js/reveal.js' ); // Load the scripts and, when completed, initialize reveal.js - head.js.apply( null, scripts.concat([function() { - - // Fires when a slide with data-state=customevent is activated - Reveal.addEventListener( 'customevent', function() { - console.log( '"customevent" has fired' ); - } ); - - // Fires each time a new slide is activated - Reveal.addEventListener( 'slidechanged', function( event ) { - // event.previousSlide, event.currentSlide, event.indexh, event.indexv - } ); - - // Full list of configuration options available here: - // https://github.com/hakimel/reveal.js#configuration - Reveal.initialize({ - controls: true, - progress: true, - history: true, - - theme: Reveal.getQueryHash().theme || 'default', // default/neon/beige - transition: Reveal.getQueryHash().transition || 'default' // default/cube/page/concave/linear(2d) - }); - - }])); + head.js.apply( null, scripts ); - // Load highlight.js for syntax highlighting of code samples - head.js( 'lib/js/highlight.js', function() { - hljs.initHighlightingOnLoad(); - } ); </script> </body> diff --git a/js/reveal.js b/js/reveal.js index 482b8e3..23629c3 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -1,5 +1,5 @@ /*! - * reveal.js 1.5 r10 + * reveal.js 1.5 r11 * http://lab.hakim.se/reveal-js * MIT licensed * @@ -63,17 +63,17 @@ var Reveal = (function(){ dom = {}, // Detect support for CSS 3D transforms - supports3DTransforms = document.body.style['WebkitPerspective'] !== undefined || - document.body.style['MozPerspective'] !== undefined || - document.body.style['msPerspective'] !== undefined || - document.body.style['OPerspective'] !== undefined || - document.body.style['perspective'] !== undefined, + supports3DTransforms = 'WebkitPerspective' in document.body.style || + 'MozPerspective' in document.body.style || + 'msPerspective' in document.body.style || + 'OPerspective' in document.body.style || + 'perspective' in document.body.style, - supports2DTransforms = document.body.style['WebkitTransform'] !== undefined || - document.body.style['MozTransform'] !== undefined || - document.body.style['msTransform'] !== undefined || - document.body.style['OTransform'] !== undefined || - document.body.style['transform'] !== undefined, + supports2DTransforms = 'WebkitTransform' in document.body.style || + 'MozTransform' in document.body.style || + 'msTransform' in document.body.style || + 'OTransform' in document.body.style || + 'transform' in document.body.style, // Detect support for elem.classList supportsClassList = !!document.body.classList; @@ -444,7 +444,7 @@ var Reveal = (function(){ * Wrap all links in 3D goodness. */ function linkify() { - if( supports3DTransforms ) { + if( supports3DTransforms && !( 'msPerspective' in document.body.style ) ) { var nodes = document.querySelectorAll( '.reveal .slides section a:not(.image)' ); for( var i = 0, len = nodes.length; i < len; i++ ) { -- GitLab