Lightbox-Fragen (Photon, selektiv, ohne Plugin)

    Bevor ich jetzt noch länger herumsuche und anfange, verzweifelt herumzuwerkeln, frage ich lieber erstmal, ob es da überhaupt Chance auf Erfolg gibt. ;)

    Also:
    Ich würde gern einen Lighbox-Effekt (oder Vergleichbares) für meine Bilder innerhalb eines Artikel haben.
    * ich möchte das wenn irgend möglich ohne Plugin realisieren
    * ich will das nur für Bilder ab einer gewissen Mindestgröße - für Smilies, SocialMedia-Buttons und dergleichen Kleinkram soll das nicht greifen
    * ich würde Photon (Jetpack) gern aktiv lassen - aber funktioniert das dann überhaupt vernünftig in einer Lightbox? Sinn der Übung wäre eigentlich, dass man auf ein Bild im Artikel klickt und das öffnet sich dann größer - aber Photon hantiert ja irgendwie mit (ladezeitenfreundlich) runterskalierten Bildern, wenn ich das richtig verstanden habe
    * dass das ganze auf Handy auch gängig ist, wäre natürlich wünschenswert

    Wie siehts aus - zu viele Wünsche auf einmal, oder.....? ;D

    • Gerade eben
    • 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

    Ohne Plugin? Schwer? Teste doch einfach mal 1-2 Plugins, z. b. https://wordpress.org/plugins/responsive-lightbox/. Damit kann man dann auch z. b. manuell die Bilder bestimmen, die in der Lightbox dargestellt werden sollen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Vorausgesetzt, du findest ein fertiges PlugIn, das deine Wünsche sinnvoll umsetzt, ist das hier vielleicht die vernünftigere Lösung (und es stellt sich dann eher die Frage, warum du ausgerechnet Jetpack nutzen willst, wenn du sonst mit PlugIns lieber sparsam sein willst?)
    Und sonst selber ein PlugIn schreiben. Ob du das dann als PlugIn ausarbeitest oder es eben eine Funktion deines Themes ist, kommt sich technisch ziemlich aufs Gleiche raus, hat eher etwas damit zu tun, dass du mit der PlugIn-Lösung die Funktion leichter zu einem anderen Theme mitnehmen kannst.

    Die Lightbox-PlugIns greifen normalerweise beim Link zur Bilddatei an. D.h., nur wenn du dem Bild auch einen Link zur Bilddatei gibst, öffnet die Lightbox. Wenn das Bild keine Verlinkung hat, gibt es auch keine Lightbox. Damit wäre deine Auswahl, wann die Lightbox greift, schon abgearbeitet.

    Ladezeitenfreundlich runterskalierte Bilder kann / macht WordPress schon von Haus aus, d.h. es werden immer schon beim Hochladen verschiedene Bildgrößen angelegt. Mit Sourceset (srcset) kann man dafür sorgen, dass der Browser die passende Bildgröße lädt. => Suchstichwort für weiteres Einarbeiten.
    Und das ist für mich die spannende Frage: Gibt es ein Lightbox-PlugIn, das mit srcset arbeitet? Oder wie kann man das umsetzen …

    Ich nehme an, dass Jetpack auch eine Lightbox-Funktion parat hat. Was macht die?
    Und dann eben die Frage, ob Jetpack mit anderen Lightboxes zusammenarbeitet. Ausprobieren.

    Meine Vorgehensreihenfolge wäre also:
    1.) Jetpack nochmal grundsätzlich überdenken
    2.) Wenn Jetpack bleiben soll / darf: gucken, was Jetpack an Lightbox anbietet
    3.) Lightbox-PlugIns durchforsten, ob sich ein sinnvolles findet, ggf. Zusammenarbeit mit Jetpack ausprobieren
    4.) Wenn es ein eigenes PlugIn / Themefunktion werden soll / muss: studieren, wie die anderen Lightbox-PlugIns das machen. Recherchieren, ob es eine Möglichkeit gibt, einen Link mit einer bestimmten Struktur mit einem Link mit einer ebenfalls bestimmten aber anderen Struktur zu überschreiben – und wie das geht …

    Gruß
    helix

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden