✔ Fullscreen modal image

[jemand anders]

Hallo,

nach dem Aufruf der Webseite soll nur ein Bild vollflächig gezeigt werden, ergänzt von einem "Weiter"-Button unten mittig auf der Seite. Es soll kein Scrollbar soll zu sehen sein bzw. kein Scrolling und Page Down möglich sein oder dieses Bild sonst irgendwie überwindbar sein. Ein Weiterkommen soll nur mit dem "Weiter"-Button möglich sein, der sich und das Bild bei Klick auch löscht.

Hat jemand eine Idee?

Grüße

 

[MrMurphy]

Hallo

Bild vollflächig gezeigt

Was meinst du damit? Soll das Browserfenster formatfüllend mit dem Bild gefüllt sein? Oder der gesamte Bildschirm? Oder...?

dieses Bild sonst irgendwie überwindbar sein

Was meinst du damit?

Wie stellst du dir die Bilddarstellung auf einem Smartphone / Touchscreengerät vor? Wenn das Bild formatfüllend dargestellt wird muss es dann ja verzerrt dargestellt werden. Problematik: Hoch- / Querformat.

Gruss

MrMurphy

 

[jemand anders]

Hallo,

das Bild soll in der Browseransicht auf allen Ausgabegeräten vollflächig gefüllt sein.
So wie in diesem Beispiel - https://blackrockdigital.github.io/startbootstrap-creative/ - aber eben ohne die Möglichkeit zu rollen, weil das Bild nur einmal angezeigt werden soll und danach gelöscht wird.

Grüße

 

[Jan-Frederik Stieler]

Wie wäre es hiermit http://joaopereirawd.github.io/animatedModal.js/
Wenn das Bild dann per Backgroundimage und Cover gesetzt wird gibt's kein verzerren.
Und das Scrollen kannste per overflow:none verhindern.

Grüße

 

[jemand anders]

03:54 Uhr ... Ideale Zeit, um mal eben hier reinzuschauen, was?

overflow:hidden, z-index, und schon klappt es: https://jsfiddle.net/s1rj3c63/

Danke und Grüße!

 

[SpiceLab]

overflow:none

overflow:none

overflow:none gibt's überhaupt nicht; dafür aber overflow:hidden

Zur Erinnerung (oder Grundlagenforschung): https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/overflow#overflow

 

[jemand anders]

None? Ich weiß gar nicht, was du meinst ...

 

[SpiceLab]

None? Ich weiß gar nicht, was du meinst ...

Oder so...: Mein Name ist None, ich weiß von nichts

 

[Jan-Frederik Stieler]

Sorry war wohl schon etwas spät.

 

[jemand anders]

Oder "Die Rückkehr des Dr. None".
Ich glaube, er meinte mich - obwohl ich es in der richtigen Anwendung richtig drin hatte.