Große Bilder darstellen / Lightbox

  • Hallo liebe Leute,

    ich nutze das Astra Theme zusammen mit Elementor (Pro).

    Ich habe einige Vorschaubilder eingefügt, auf Mausklick öffnet sich die Elementor-Lightbox und zeigt die verlinkten Bilder im größeren Format an.
    Soweit so gut.
    Nun möchte ich aber vermeiden, dass die darunterliegende, abgedunkelte Seite weiter scrollbar ist.
    D.h. wenn ich am PC den Scrollbalken bewege oder das Rad an der Maus drehen, bewegt sich die Seite weiter nach unten oder oben, ich sehe aber gar nicht so richtig wohin, da ja die Lightbox darüber liegt.
    Mobil passiert das gleiche, wenn ich mit dem Finger nach oben oder unten wische.

    Kann man die Seite irgendwie fixieren, während die Lightbox aufgeblendet ist?
    Wenn es dazu in Elementor keine Einstellung gibt (ich habe nichts gefunden), wäre es auch OK, ein separates Plugin zu installieren.

    Sollte das nicht möglich sein, würde ich gerne folgendes Verhalten realisieren:
    Auf Mausklick öffnet sich das größere Bild Bildschirm-füllend (so wie es passiert, wenn ich die Anzeige in der Lightbox abschalte). Um zurück zu kommen muss ich aber nicht den "Back"-Button im Browser nutzen, sondern habe ein "X" um das große Bild wieder zu schließen und bin dann sofort wieder auf der Seite mit den Vorschaubildern.

    So, ich hoffe, das war verständlich und ihr habt einen Tipp für mich.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!