Support » Allgemeine Fragen » Bildergalerie Lazy Load

  • Hallo,
    ich habe folgendes Problem:
    Ich würde gerne auf meiner Seite ein Bild einfügen und wenn ich darauf klicke öffnet sich eine Galerie oder ein Karussell. Allerdings möchte ich das ganze nicht auf einer extra Seite sondern wie eine Lightbox. Desweiteren wäre es super wenn es eine Lazy Load Option gäbe, sodass beim Seitenstart nicht alle Bilder geladen werden und es zu einer unerträglichen Ladezeit kommt.

    Ich arbeite mit dem Astra Pro Theme und Elementor Free.

    Vielen dank im voraus.

    Mit freundlichen Grüßen
    Chris

Ansicht von 14 Antworten - 1 bis 14 (von insgesamt 14)
  • Hallo,
    sollte doch in etwa in der folgenden Form möglich sein:

    1. Galerie erstellen (ich nutze dazu z. B. Envira Galerie
    2. den entsprechenden Shortcode auf eine neue Seite kopieren
    3. In der anderen Seite das Bild zu der neuen Seite verlinken

    Lazy Load Optionen gibt es bei verschiedenen Caching-Plugins (z. B. das sehr gute, aber kostenpflichtige WP Rocket oder das kostenfreie Autoptimize)
    Viele Grüße
    Hans-Gerd

    Thread-Starter cc1412

    (@cc1412)

    Hallo,
    ja so würde das ganze funktionieren, allerdings möchte ich nicht, dass ich durch das klicken auf das Bild auf eine neue Seite verlinkt werde sondern sich eine Lightbox mit der Galerie öffnet.

    Du arbeitest doch mit Elementor und somit ist das alles nur noch Plug and Play. Wenn du die Seite unter Elementor bearbeitest, kannst du Karussells und Galerien einfügen. Dort findest du auch die Optionen Lightbox aktivieren und musst den Direktlink zum Bild abwählen.

    Ich hab jetzt mal ein wenig getüftelt, weil mich die Lösung interessiert hat:

    1. Du installierst das Plugin Meta Slider und legst darin eine neue Slideshow an. Den Shortcode der Slideshow kopierst du in die Zwischenablage.
    2. Du installierst das Plugin Popup anything on click. Darin …
    1. fügst du ein Popup hinzu und nennst es „Slider“.
      Im Textfeld fügst du den Shortcode des Meta-Slider (aus Schritt 1) hinzu.
      Bei den Popup-Einstellungen gibst du „Image“ ein und fügst das Bild an, das zuerst angezeigt werden soll und mit dem Popup verlinkt ist.
    2. fügst du ein weitere Popup hinzu und nennst es „Galerie“.
      Im Textfeld fügst du jetzt mit dem Button „Dateien hinzufügen“ > „Galerie erstellen“ eine Galerie hinzu. Die Galerie-Bilder sollten nicht verlinkt werden, um deine Besucher nicht in den Wahnsinn zu treiben. (Galerie-Einstellungen rechte Spalte).
      Du wiederholst die Popup-Einstellungen mit einem andern Bild als „Öffner“.
    • Du gehst in die Übersichtsseite des Plugins Popup Anything (/wp-admin/edit.php?post_type=aoc_popup) und kopierst die beiden Shortcodes.
    • Du erstellst eine neue Seite und fügst dort die beiden Shortcodes ein (neuer Block (+) > Shortcode > Shortcode einfügen, wiederholen für zweiten Shortcode). Als Ergebnis sollte die neue Seite nach Veröffentlichung zwei Fotos zeigen, die bei Klick entweder eine Slideshow oder eine Galerie zeigen.
    • Du installierst Lazy Load by WP-Rocket und aktivierst das Lazy-Loading für Bilder.
    • Viel Erfolg!

      Nachtrag: Wie weit sich das mit Elementor vielleicht viel einfacher gestalten lässt, habe ich nicht überprüft. Ich arbeite bisher wenig mit Elementor und kenne die Möglichkeiten nicht im Einzelnen.

    • Diese Antwort wurde geändert vor 4 Jahren, 7 Monaten von Bego Mario Garde. Grund: Nachtrag

    Das geht wirklich easy mit Elementor und bedarf wirklich kein weiteres Plugin dazu.

    Das ist aber nicht das, was gewünscht war?

    Ich würde gerne auf meiner Seite ein Bild einfügen und wenn ich darauf klicke öffnet sich eine Galerie oder ein Karussell.
    Allerdings möchte ich das ganze nicht auf einer extra Seite sondern wie eine Lightbox.

    Was du hier zeigst, ist ein normales Karussell, bei dem alle Vorschaubilder gezeigt werden und nach Klick die größeren Bilder einzeln in einer Lightbox gezeigt werden. Eine Galerie in einer Lightbox bekommst du damit wohl nicht hin? Zumindest finde ich adhoc kein kostenlos erhältliches Elementor-Widget „Modal“, in dem du ein Karusell oder eine Galerie einfügen kannst. Mit dem kostenpflichtigen AddOn Popup-Builder mag das wieder gehen.

    Man kann doch die Anzahl der anzuzeigenden Bilder im Karussell auf 1 stellen und den slid ausschalten. Somit hast du ja nur ein festes Bild auf der Seite und dennoch die Lightbox mit allen Bildern. Aber ja du hast recht, ein Karussell oder Galierie wie ein Popup Fenster geht nicht in der free Version.

    Man kann doch die Anzahl der anzuzeigenden Bilder im Karussell auf 1 stellen und den slid ausschalten. Somit hast du ja nur ein festes Bild auf der Seite und dennoch die Lightbox mit allen Bildern.

    Wow. Das ist tatsächlich eine sehr kreative Lösung (… und erklärt auch ein wenig, warum mich die Einstellungsmöglichkeiten in Elementor immer ein wenig in den Wahnsinn treiben!)

    Thread-Starter cc1412

    (@cc1412)

    Man kann doch die Anzahl der anzuzeigenden Bilder im Karussell auf 1 stellen und den slid ausschalten. Somit hast du ja nur ein festes Bild auf der Seite und dennoch die Lightbox mit allen Bildern. Aber ja du hast recht, ein Karussell oder Galierie wie ein Popup Fenster geht nicht in der free Version.

    Habe das mal probiert und klappt genauso, wie ich es mir erhofft habe. Nur ich habe keine Einstellung gefunden wie ich den Slide ausschalte. Ich habe lediglich die Navigationspunkte/-pfeile ausgestellt und die Zeit zwischen den slides sehr hoch gestellt.

    @pixolin 😂 Aber ich glaube nicht, dass die User es wirklich mitbekommen das sich hinter dem Bild ein Karussell oder eine Galerie verbirgt und geöffnet werden kann. Ausser man weißt irgendwie darauf hin. Ganz besonders mit einem Smartphone, da ja kein Hover gibt und das sind mittlerweile fast 70% aller User.

    Unter „Zusätzliche Optionen“ kannst du „Automatisch abspielen“ auf „nein“ setzen. Wenn du dann nur 1 Bild anzeigst, wird das nicht ausgewechselt. Du siehst also nur ein einziges Vorschaubild.

    Die Zeit zwischen den Slides solltest du nicht hochstellen, weil sonst die Überblendungen im Popup-Fenster zu lange dauern.

    @cc1412 automatisch abspielen auf nein wählen. Dann bewegt sich es nur in der Lightbox.

    PS. Mario war schneller 😉

    • Diese Antwort wurde geändert vor 4 Jahren, 7 Monaten von namenlos.
    Thread-Starter cc1412

    (@cc1412)

    Perfekt! Es klappt wie gewünscht. Vielen Dank!

    Thread-Starter cc1412

    (@cc1412)

    Ich nochmal.
    Mir ist eben aufgefallen, dass sich die Slides mit der Maus zur Seite ziehen lassen und ich so auf die anderen Bilder in der Galerie komme. Hat dazu auch wer eine Lösung?

Ansicht von 14 Antworten - 1 bis 14 (von insgesamt 14)
  • Das Thema „Bildergalerie Lazy Load“ ist für neue Antworten geschlossen.