Skip to content

Instantly share code, notes, and snippets.

@rodrigo-x
Created October 15, 2012 07:16
Show Gist options
  • Save rodrigo-x/3891174 to your computer and use it in GitHub Desktop.
Save rodrigo-x/3891174 to your computer and use it in GitHub Desktop.
snippet - full screen..
var FullScreen = FullScreen || {};
FullScreen.Class = (function(){
var docElm = document.documentElement;
var imgUm = document.getElementById('img-um');
var botaoSair = document.getElementById('btn-sair');
var imgDois = document.getElementById('img-dois');
var oFs = {
requestFullScreen: (function( el ) {
if ( docElm.requestFullscreen ) {
el.requestFullscreen();
} else if ( docElm.mozRequestFullScreen ) {
el.mozRequestFullScreen();
} else if ( docElm.webkitRequestFullScreen ) {
el.webkitRequestFullScreen();
}
}),
cancelFullScreen: (function( el ) {
if ( document.exitFullscreen ) {
document.exitFullscreen();
} else if ( document.mozCancelFullScreen ) {
document.mozCancelFullScreen();
} else if ( document.webkitCancelFullScreen ) {
document.webkitCancelFullScreen();
}
}),
addEventos: (function() {
imgUm.addEventListener('click', function() {
oFs.requestFullScreen(this);
},false);
botaoSair.addEventListener('click', function( evt ) {
evt.cancelBubble = true;
oFs.cancelFullScreen(document);
},false);
imgDois.addEventListener('click', function() {
oFs.requestFullScreen(this);
},false);
})
};
return oFs.addEventos();
}( FullScreen.Class ));​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment