Sempervivum
Erfahrenes Mitglied
Da hat wohl bei Stackoverflow jemand eine Lösung gepostet, ohne sie zu testen ... So funktioniert es:
Weil das so undurchsichtig ist mit diesen Eigenschaften (man müsste es auch noch für Webkit testen) würde ich aber dieses besser finden:
Beides getestet und funktioniert bei mir im FF.
Code:
function exitHandler() {
if (document.webkitIsFullScreen || !document.mozFullScreen || document.msFullscreenElement) {
document.getElementById('picturefullscreen').style.display = 'none';
}
}
Code:
function switchtofullscreen() {
var element = document.getElementById('picturefullscreen');
element.style.display = 'block';
element.setAttribute("data-fson", "true");
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
}
}
document.addEventListener('webkitfullscreenchange', exitHandler, false);
document.addEventListener('mozfullscreenchange', exitHandler, false);
document.addEventListener('fullscreenchange', exitHandler, false);
document.addEventListener('MSFullscreenChange', exitHandler, false);
function exitHandler() {
var element = document.getElementById('picturefullscreen');
/* if (document.webkitIsFullScreen || !document.mozFullScreen || document.msFullscreenElement) {
document.getElementById('picturefullscreen').style.display = 'none';
} */
if (element.getAttribute("data-fson") == "true") {
element.setAttribute("data-fson", "false");
} else {
element.style.display = 'none';
}
}
