delay client capability test until initialization phase
This commit is contained in:
parent
7b5e537157
commit
8ad81aa1a5
2 changed files with 34 additions and 17 deletions
47
js/reveal.js
47
js/reveal.js
|
@ -14,8 +14,6 @@ var Reveal = (function(){
|
|||
VERTICAL_SLIDES_SELECTOR = '.reveal .slides>section.present>section',
|
||||
HOME_SLIDE_SELECTOR = '.reveal .slides>section:first-child',
|
||||
|
||||
IS_MOBILE = navigator.userAgent.match( /(iphone|ipod|android)/gi ),
|
||||
|
||||
// Configurations defaults, can be overridden at initialization time
|
||||
config = {
|
||||
|
||||
|
@ -113,19 +111,14 @@ var Reveal = (function(){
|
|||
// Cached references to DOM elements
|
||||
dom = {},
|
||||
|
||||
// Detect support for CSS 3D transforms
|
||||
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,
|
||||
// Client support for CSS 3D transforms, see #checkCapabilities()
|
||||
supports3DTransforms,
|
||||
|
||||
// Detect support for CSS 2D transforms
|
||||
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,
|
||||
// Client support for CSS 2D transforms, see #checkCapabilities()
|
||||
supports2DTransforms,
|
||||
|
||||
// Client is a mobile device, see #checkCapabilities()
|
||||
isMobileDevice,
|
||||
|
||||
// Throttles mouse wheel navigation
|
||||
lastMouseWheelStep = 0,
|
||||
|
@ -160,6 +153,8 @@ var Reveal = (function(){
|
|||
*/
|
||||
function initialize( options ) {
|
||||
|
||||
checkCapabilities();
|
||||
|
||||
if( !supports2DTransforms && !supports3DTransforms ) {
|
||||
document.body.setAttribute( 'class', 'no-transforms' );
|
||||
|
||||
|
@ -182,6 +177,28 @@ var Reveal = (function(){
|
|||
|
||||
}
|
||||
|
||||
/**
|
||||
* Inspect the client to see what it's capable of, this
|
||||
* should only happens once per runtime.
|
||||
*/
|
||||
function checkCapabilities() {
|
||||
|
||||
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 = '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;
|
||||
|
||||
isMobileDevice = navigator.userAgent.match( /(iphone|ipod|android)/gi );
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Finds and stores references to DOM elements which are
|
||||
* required by the presentation. If a required element is
|
||||
|
@ -1569,7 +1586,7 @@ var Reveal = (function(){
|
|||
var threshold = 3;
|
||||
|
||||
// Heavily limited on weaker devices
|
||||
if( IS_MOBILE ) {
|
||||
if( isMobileDevice ) {
|
||||
threshold = 1;
|
||||
}
|
||||
|
||||
|
|
4
js/reveal.min.js
vendored
4
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue