Diashow
Klicken Sie auf das Bild, um Bedienelemente einzublenden! Dies verschwindet nach 10 Sekunden und wird noch mal angezeigt. !
Nur das Bild zeigen.
X

Bedienungshinweise

Navigationshilfen
... werden sichtbar, wenn Sie mit der Maus in die oberen 300 oder unteren 50 Pixel gehen.
Oben:
Oben finden Sie Vorschaubilder zur Navigation. Oben links und rechts in den Ecken können Sie die Vorschaubilder seitenweise überspringen.
Unten, von links nach rechts.
Start/Stop der Diashow, An den Anfang / Bild zurück / Bild vor / An das Ende.
Optionen zur Vergrößerung und Verkleinerung der Bilder (Skalierung).
Die Einstellung der Pausendauer.
i blendet den Bildtitel ein.
b Bildseite einblenden.
ESC Beenden der Diashow.
Skalierung:
Ja: Das Bild wird so angepaßt, daß es noch auf den Bildschirm paßt - bei Bedarf wird es vergrößert oder verkleinert.
Kleiner: Das Bild wird so angepaßt, daß es noch auf den Bildschirm paßt. Dabei wird es nur verkleinert, nie vergrößert.
2x: Das Bild maximal auf die zweifache Fläche vergrößert, nie aber verkleinert.
Nie: Das Bild wird exakt in den Maßen dargestellt, für die es gedacht ist. Übergroße Bilder werden angeschnitten.
Tastatur:
Leertaste: Start/Stop. Links / Rechts: Zurück und Vor. Pos1 bzw. Home / Rechts: Erstes / Letztes.
Tab: Geht die Skalierungsoptionen durch. Punkt: Blendet den Bildtitel aus. Minus: Verläßt die Diashow.
X
i ? Bildseite Ende Start/Stop <<< < > >>> Skalieren: Ja Kleiner Nur 2x Nie. Pause (5Sek.)
Frame Schließen

Freude mit dem Vollbild-Modus

Kategorie Webentwicklung
Inhalt
Beim Wechsel in oder aus dem Vollbild-Modus liefert der Browser einen fullscreenchange Event.
Chrome 25 unter OS X hat da eine Besonderheit, die die ich mit Chrome 25 unter Linux oder irgendwelchen anderen Browsern nicht nachvollziehen konnte (die beiden anderen Browser, unter den der Vollbild-Modus funktioniert, sind Firefox und Safari).

document.webkitIsFullScreen ist manchmal false, obwohl gerade in den Vollbild-Modus gewechselt wurde. Das heißt, der Event-Handler nahm an, daß aus dem Vollbildmodus herausgewechselt wurde.
Man kann nicht einfach die Events mitzählen, und danach entscheiden, in welchem Modus man ist, denn man kennt den Zustand zu Beginn des Ladens der Seite nicht.

Glücklicherweise gibt es noch ein zweites Flag, das man abfragen kann, nämlich document.webkitFullscreenElement. Wenn das nicht null ist, ist man nun im Vollbildmodus. Und glücklicherweise war das auch richtig gesetzt… unglücklicherweise ist es aber nicht in allen Chrome/Chromium-Versionen verfügbar, wenn ich das richtig sehe. Nun ja.

Was die Chrome-Leute da gemacht haben mögen? Ob da bei der Thread-Abarbeitung irgendwo eine Synchronisation fehlt?


Die beiden verschiedenen Schreibweisen von FullScreen bzw. Fullscreen sind tatsächlich so. Javascript wäre wesentlich erträglicher, wenn es Case-Insensitiv wäre, oder ersatzweise alle Anhänger von CamelCase entweder Großbuchstaben meiden oder den Job wechseln würden.
Diashow
Home Impressum
Alle Inhalte unterliegen, soweit nicht ausdrücklich anders angegeben, dem Copyright.