xobs/lca20-bt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fallback on 2d transform transitions via feature detect

Browse Source
This commit is contained in:
Hakim El Hattab
2011-12-23 00:36:37 -08:00
parent f6dc531298
commit adc9ad19ce
3 changed files with 38 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
js/reveal.js
View File

@ -86,7 +86,13 @@ var Reveal = (function(){
config = {},
// Cached references to DOM elements
dom = {};
dom = {},
// Detect support for CSS 3D transforms
supports3DTransforms = document.body.style['perspectiveProperty'] !== undefined ||
document.body.style['WebkitPerspective'] !== undefined ||
document.body.style['MozPerspective'] !== undefined ||
document.body.style['msTransform'] !== undefined;
/**
* Starts up the slideshow by applying configuration
@ -117,6 +123,11 @@ var Reveal = (function(){
config.progress = options.progress === undefined ? false : options.progress;
config.theme = options.theme === undefined ? 'default' : options.theme;
// Fall back on the 2D transform theme 'linear'
if( supports3DTransforms === false ) {
config.theme = 'linear';
}
if( config.controls ) {
dom.controls.style.display = 'block';
}
@ -240,9 +251,7 @@ var Reveal = (function(){
* Wrap all links in 3D goodness.
*/
function linkify() {
var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
document.body.style['MozPerspective'] !== undefined ||
document.body.style['perspective'] !== undefined;
if( supports3DTransforms ) {
var nodes = document.querySelectorAll( 'section a:not(.image)' );