Trick # 445 | Dieser Beitrag beinhaltet 383 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Der Browser kann Webseiten als Vollbild-Variante darstellen. Bei dieser wird eine Webseite auf die ganze Bildschirmgrösse ausgedehnt. Dabei verschwinden Bedienelemente wie Titelleiste, Menüs und ebenfalls die Windows-Taskleiste unten. Normalerweise startet man diese Full-Screen-Anzeige mit der «F11»-Taste (auf Macs: Shift+Cmd+F) und kehrt mit derselben Taste (oder Kombination) wieder zurück. Doch das geht auch per Mausklick.
Sie benötigen ein kleines Script, das Sie auf der Website – am besten im <head>-Bereich einbinden müssen, auf welcher Sie in den Full-Screen-Modus wechseln möchten. Solch eine Seite könnte z.B. eine Slideshow sein, die Sie ohne störende Adressleiste oder Statuszeile abbilden möchten.
Kopieren Sie also folgenden Code und fügen ihn auf der betreffenden Seite ein – wenn’s geht im <head>-Bereich – es funktioniert aber auch im <body>:
<script>
addEventListener("click", function() {
var
el = document.documentElement
, rfs =
el.requestFullScreen
|| el.webkitRequestFullScreen
|| el.mozRequestFullScreen
;
rfs.call(el);
});
</script>An geeigneter Stelle der anzuzeigenden Seite hinterlegen Sie nun einen Link. Zum Beispiel:
<a href="#">fullscreen</a>
Dieser Link lädt dieselbe Seite neu und stellt sie sogleich im Full-Screen-Modus dar.
Das obige einfache Script hat einen Nachteil: Es versucht jeden Klick auf der Webseite abzufangen. Das heisst, dass abgehende Links tatsächlich angezeigt werden, zwischenzeitlich wird aber für den Bruchteil einer Sekunde in den Full-Screen-Modus und wieder in die Normalansicht gewechselt.
Also: Der Trick ist zwar simpel – er eignet sich aber tatsächlich vor allem für Seiten, auf denen bloss ein fullscreen-Link steht.
Werbung
Werbung
