1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

ein Bild(thumb) - click öffnet eine Gallery in Lightbox - Wie geht das?

Dieses Thema im Forum "Design" wurde erstellt von looks, 29. Juni 2016.

  1. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Hallo zusammen,

    Bin noch relativ neu in Wordpress und suche nun für meine Seite folgende Möglichkeit.

    Ich möchte auf einer Seite tumbs (142x142px) anordnen und durch klick öffnet sich eine fullscreen Lightbox mit einer Sammlung von Bildern (gallery). War am suchen und ausprobieren, aber habe einfach keine Lösung gefunden. Habe viele Plugins angeschaut und getestet, aber alle zeigen dann jeweils die ganze Galerie auf der page und habe nirgens eine option gefunden, mit nur einem Thumb. Die plugins arbeiten ja mit einem shortcode, wie z.B.: [unitegallery test1 catid=1]. ich habe versucht diesen shortcode irgendwie in einen Link einzubauen, aber das habe ich nicht geschafft. Perfekt für mich wäre, wenn ich ein Bild 142x142px setzen könnte und das durch einen link<a href...> klickbar machen könnte und dann öffnet sich eine fullscreen Lightbox mit einer Galerie.

    Ich hoffe nun sehr, dass mir hier jemand helfen kann und eine Lösung kennt.

    Gruss
    Looks
     
  2. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Ich habe so etwas mal umgesetzt – mit eigenen Templates im eigenen Theme, ich weiß nicht, ob es PlugIns gibt, die das ohne mindestens gleich viel Anpassungsaufwand können.

    In Kürze – strukturell – der Lösungsansatz:
    Ich lege Beiträge in einer Kategorie an. Die Kategorie heißt meinetwegen „galerien“.
    In jedem Beitrag lege ich nur einfach eine Galerie an. Und ein Beitragsbild, das das gleiche Bild ist wie das erste Bild der jeweiligen Kategorie.

    Die Seite mit den Thumbs ist dann die Kategorieübersichtsseite (Archivseite) meiner Kategorie „galerien“. In der werden nur die Beitragsbilder in der gewünschten Thumbnailgröße gezeigt. Und der Link ist nicht zum Beitrag, sondern zum Bild, das ja gleichzeitig das erste in der Galerie ist. Normalerweise arbeiten Lightboxes mit „Link zur Datei“ – d.h. wenn du eine Lightbox installiert hast, müsste sich die dann auch öffnen.
    Dass (und wie) du dann in der geöffneten Lightbox innerhalb der jeweiligen Galerie navigieren / weiterklicken kannst, hängt von deiner Galerie- und Lightbox-Einstellung ab (und welches Tool du dafür verwendest). Ich hatte es damals mit Link auf die Attachment-Seite gemacht, aber es müsste sich auch mit Lightbox und Link zur Datei umsetzen lassen.

    Also: einarbeiten, so dass du dir ein Child-Theme anlegen und die Ausgabe auf deiner Kategorie-Übersichtsseite entsprechend anpassen kannst.
    Oder: vielleicht liefert dir dieser Beitrag Ideen, wonach du suchen kannst.

    Gruß
    helix
     
  3. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Hallo helix,

    Danke für diene Antwort.
    Also zuerst muss ich mich jetzt dann mit den Child-Theme befassen, denn bis jetzt arbeite ich auf dem originalen Theme (Make lite) und es ist sicher sinnvoll da so ein Child zu erstellen.

    Nun zu meinem Problem, so wie Du das beschrieben hast und wie ich es verstanden habe, ist es nicht genau mein Problem. Ich muss da kurz nochmals das Problem genauer erklären:
    Ich bin an einer Künstlerwebsite am gestalten, die so aufgebaut ist:
    Als erstes besteht diese aus den 5 Hauptseiten home, Werk, Lebensdaten Links, Kontakt, die ich als Seiten gemacht habe. Werk ist eine Auflistung von Unterseiten, die ich als Beiträge gemacht habe. Da gibt es drei Abteilungen: Werkgruppen, Ausstellungen & Vue d'atelier (Atelierblick). Werkgruppen und Ausstellungen bestehen aus Beiträgen und Vue d'atelier soll eben nur jeweils eine Anzahl Bilder sein, die nach datum aufgereiht sind und einen Einblick auf das tägliche Arbeiten geben soll. Da dieser Vue d'atelier einen anderen Stellenwert als die anderen beiden Abteilungen hat, wollte ich die eben so machen, dass da jeweils ein Thumb steht, der durch anklicken eine Serie von Bildern durch durchklicken in einer Lightbox anzeigt. Dazu braucht es weder eine Seite noch einen Beitrag, eben nur die Bilder als einen Eindruck. Aber eben da ist dann das Problem, dass ich einfach keine Lösung finde, wie ich dies umsetzen kann.

    Ich hoffe, dass damit das ganze Problem noch ein bisschen besser erklärt ist und das Du oder sonst jemand mir da weiter helfen kann.

    Liebe Grüsse
    Looks
     
  4. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Doch, das kommt mit der Struktur ziemlich genau hin. In einer technisch nicht-richtigen (dafür aber vielleicht besser verständlichen) Sprache: wir arbeiten mit „blinden“ Beiträgen.

    Und du kannst es dir vielleicht auch etwas einfacher machen, das kommt darauf an, wer die Seite später pflegen soll? Wenn du das selber bist: du weißt ja dann, was du angelegt hast und wie du es reproduzieren kannst. Wenn es später jemand anders machen soll, ist es besser, etwas mehr in den Aufbau der Seite zu investieren, so dass die Ausgabe nachher von alleine richtig erfolgt.

    Zuerst nochmal zur Struktur (obwohl das ganze Drumrum genau genommen unwesentlich ist, aber dann verstehst du wahrscheinlich besser, wo dein Einsatz kommt):
    1.) Die Seiten Home, Lebensdaten, Links und Kontakt lassen wir einfach mal links liegen.
    2.) Ist Werk eine Seite oder eine Kategorie? Wenn es eine Seite ist, wie bringst du die Beiträge auf die Seite?
    3.) Wenn du das schon umgesetzt hast und es funktioniert, ist es eigentlich egal. Sonst würde ich dir empfehlen, Werk als Kategorie anzulegen.
    4.) Unter Werk hast du dann die Unterabteilungen Werkgruppen, Ausstellungen und eben der Blick ins Atelier. Werkgruppen und Ausstellungen können jeweils ein Einzelbeitrag oder auch mehrere Beiträge in einer (ggf. Unter-) Kategorie sein.

    5.) Und jetzt dein Einsatz: der Blick ins Atelier.
    Vielleicht ist es am einfachsten, du probierst zuerst einmal den etwas einfacheren Lösungsansatz aus. Dann verstehst du a), was ich gemeint hatte. Wenn du danach doch b) brauchst, fällt es dir leichter, das dann umzusetzen.

    Einfacherer Lösungsansatz: Lege eine Seite oder einen Beitrag an, den du aber nirgendwo verlinkst. Auf dieser Seite sind deine Galerien.
    Auf deiner vue d’atelier-Seite bindest du einfach ein weiteres Mal die jeweils ersten Bilder der Galerien in Thumbnail-Größe ein. Und verlinkst die Bilder jeweils zu ihrer Bilddatei. Das kannst du direkt beim Einbinden der Bilder festlegen, da kannst du wählen Link zur Medien-Datei oder Link zur Anhang-Seite (oder gar kein Link). Dann müsste sich das Bild in der Lightbox öffnen – und mit ein bisschen Glück funktioniert es dann gleich schon so, wie du es brauchst, nämlich dass du weiterklicken kannst, durch die ganzen Bilder der Galerie (der jeweiligen Galerie, nicht der anderen Galerien).

    Wenn das noch nicht auf Anhieb so klappt, such dir ein anderes Galerie- oder Lightbox-PlugIn, das das so hinbekommt, wie du es brauchst.

    Gruß
    helix
     
  5. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Hallo helix,

    Super, dass Du mir da hilfst.
    Also zuerst einmal, ich selber werde die Seite pflegen, aber ich versuche natürlich eine mehr doer weniger saubere website aufzubauen.

    2.) werk ist eine Seite, auf der ich tumbs habe, die ich mit dem jeweiligen Beitrag verlinkt habe. Ich bin aber gerade nochmals am neu aufbauen und kann daher noch alles ändern.
    Okay ich mache also folgende Struktur:

    Kategorie WERK ->
     
  6. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Hallo helix,

    ups da ist mir vorher was entwischt, hier nochmals und vollständig....

    Super, dass Du mir hilfst, da bin ich Dir sehr dankbar.

    Also ich werde diese Website pflegen, aber ich will natürlich auch eine saubere und klar verständliche Website machen. Ich habe schon viele statische Websites gemacht und mir war die saubere Struktur und Code immer wichtig.

    2.) zur Zeit ist Werk eine Seite, eben die mit all den tumbs und links auf die drei Kategorien. z. B. Werkgruppe "lichtung" ist ein thumb, der auf den Beitrag lichtung verlinkt ist.
    Da ich aber die ganze Website am neu aufbauen bin, jetzt mit child vom Theme, kann ich noch alles ändern.
    Von der Struktur her würde das folgendes heissen:

    Kategorie WERK ---> Seite werk mit all den thumbs auf die beiträge von werkgruppen, ausstellungen und links auf die bilder von vue d'atelier (ebenfalls in verschiedenen teilen)

    Unterkategorie Werkgruppen ---> Beiträge wie z.B. "lichtung" mit bilder, text etc...
    Unterkategorie Ausstellungen ----> Beiträge wie z.B. "Ausstellung Galerie soundso" mit Bilder, text etc...
    Unterkategorie vue d'atelier ---> hier würdest Du also einen blinden Beitrag machen, wo alle Galerien (etwa 15 mit jeweils um die 5-10 Bildern) drauf erstellt sind. Die thumbs des jeweils ersten Bildes einer dieser Galerien sind auf der Seite werk und werden dort verlinkt mit der gleichen Mediendatei. Ich kann mir vorstellen, dass dann dieses Bild in einer lightbox geöffnet wird, aber warum sollen dann auch die anderen dort sein und für was musste ich dann noch den blinden Beitrag mit den Galerien erstellen?

    ich hoffe ich habe mehr oder weniger verstanden, wie es eine saubere struktur wird, aber eben das mit den Galerien verstehe ich noch nicht richtig.

    Gruss Lukas
     
  7. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Nur kurz, es ist allmählich eine nicht-mehr-helix-freundliche Uhrzeit, da kommt dann vielleicht nur noch Stuss raus.

    Für die Standard-Galerie von WordPress brauchst du den „blinden“ Beitrag, weil diese Galerie tatsächlich nur im Beitrag selber als WordPress-eigener Shortcode existiert. Ist der Shortcode nirgends eingebunden, gibt es auch die Galerie nicht.

    Ohne es wirklich zu wissen, gehe ich davon aus, dass die Lightbox- und Galerie-PlugIns darauf aufbauen.
    Mit diesen PlugIns kenne ich mich nicht aus, habe ich immer einen großen Bogen drum gemacht, weil die mir immer viel zu viel mitgebracht haben, was ich gar nicht wollte und brauchte …
    Und wie gesagt, ich hatte es nicht mit Lightbox, sondern mit Attachment-Seiten gemacht. Deswegen ist auch für mich eine Unbekannte, ob die Lightbox anhand vom Bild die zugehörige Galerie erkennt (und man dann weiterklicken kann).

    Deine Struktur gucke ich mir dann morgen nochmal in Ruhe an.

    Gute Nacht
    und Gruß
    helix
     
  8. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    danke und auch Dir eine gute Nacht, ich bin auch gleich auf dem Weg ins Bett. dann bis morgen mal, Gruss Lukas
     
  9. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    So, jetzt mir nochmal deine Beschreibung zur Struktur angesehen. Ich finde, so sieht es gut und schlüssig aus.

    Wenn du das tatsächlich mit / im Childtheme machst, lohnt es sich, genau für die „Seite“ (also eigentlich dann Kategorieübersichtsseite) Werk ein eigenes Template zu machen. Monika, die hier im Forum moderiert, hat auf ihrer texto-Seite sehr gute Anleitungen / Beschreibungen, wie man mehrere unterschiedliche Loops auf eine Seite bringen kann – für die Ausgabe der verschiedenen Unterkategorien nacheinander und auf verschiedene Art.

    Was die Thumbs angeht, die zur Bildergalerie in der Lightbox verlinken sollen – probier doch mal Folgendes einfach aus:

    Erstelle eine dieser Galerien, packe sie auf eine Seite. Lies den Link aus, der vom ersten Galeriebild zur Lightbox führt.
    Binde auf einer anderen Seite dieses erste Bild nochmal ein und gib ihm den Link, den du sozusagen aus der Galerie (also der dargestellten) ausgelesen hast.

    Wenn das funktioniert, wie es soll, kannst du dir ansehen, ob es mit erträglichem Aufwand möglich ist, die Ausgabe dieses jeweiligen Links zu automatisieren, sprich: durch das Template wird Bild mit passender Verlinkung gleich ausgegeben, sobald du einen neuen Beitrag mit einer Galerie angelegt hast. Oder ob du es einfach händisch machst: wenn es eine neue Galerie gibt, stellst du auf dieser Seite Werk das passende Vorschaubild mit passendem Link neu ein.

    Wenn du es automatisieren kannst, ist es sinnvoll, jede weitere Galerie in einen eigenen Beitrag zu packen. (Tut ja aber auch nicht weh.)
    Wenn du es jeweils händisch eintragen wirst, ist es sinnvoll, die Seite Werk doch als Seite anzulegen – auf der dann nichtsdestotrotz die weiteren Kategorien im Themenbereich ausgegeben werden.

    Es ist übrigens nicht so, dass es „richtiger“ (oder „sauberer“ – was für eine Ausdrucksweise – schüttel …) wäre, es automatisiert ausgeben zu lassen. Es ist beides gut und richtig. Das eine ist mehr Aufwand, um es einzurichten. Das andere ist mehr Aufwand, um es später zu pflegen. Deswegen hatte ich nachgefragt, wer es später pflegen wird. Ich gehe davon aus, dass Bilder mit passender Verlinkung einstellen viele einfach-nur-User tendenziell schon überfordert. Und dafür hat man ja auch ein CMS, damit man genau nicht das alles händisch machen muss (so als Endanwender) …

    Frohes Probieren
    und Gruß
    helix
     
  10. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    danke, ich werde Deine Tips mal ausprobieren und Dir dann berichten und zeigen, was und wie ich es gelöst habe. Eigene Templates, das ist für mich jetzt noch zu früh, denke ich mal. Ich will mich jetzt zuerst mal mit Fertigstellung dieser Website beschäftigen und dann mir für spätere Projekte eine "saubere" Lösung mit eigenen Templates erstellen...

    Dir eine guten TAg und bis bald
    Looks

    bearbeitet: P.S.: es gibt noch eine andere Möglichkeit, die ich gesehen habe, aber die ist nicht wirklich so elegant. Man hat eine Galerie auf der Seite und die öffnet sich mit LIghtbox. Dann gibt man allen außer dem ersten Bild einen hidden Befehl und dann sieht man nur noch ein Bild. Das Problem ist dann aber, dass ich somit eine Seite habe mit sehr vielen Bildern drauf und die wird dann für mein Empfinden zu schwer, denn wir reden hier ja von ca. 15 Galerien mit 5 -10 Bildern, also das
    kann dann mal gut 150 Bilder auf der Seite geben.
     
    #10 looks, 1. Juli 2016
    Zuletzt bearbeitet: 1. Juli 2016
  11. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Hallo helix,

    Ich habe jetzt einiges ausprobiert, aber ohne resultat. Du schreibst, dass ich mal ausprobieren soll eine seite mit galerie zu machen und dort den link auslesen von einem Bild. Ich habe da aber das Problem, dass eine GAlerie ja ein shortcode ist, wie z.B.[gm album=1], aber da weiss ich dann nicht, wie ich da einen Link auslesen kann.
     
  12. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Nein, den Link im Frontend auslesen. Du rufst die Seite auf und untersuchst mit dem Webentwickler-Tool, wie das Vorschaubild in der Galerie zur Lightbox verlinkt. Kann sein, dass ein rel-Attribut mitgegeben wird …
    Evtl. klappt es auch schon mit rechter Maustaste und Linkziel kopieren.

    Gruß
    helix
     
  13. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    danke das hat so funktioniert. Ich habe jetzt mal zwei beiträge gemacht und zwar galerie01 und galerielink und diese unter die kategorie galerie getan. galerie 01 hat eine galerie drin ([gm album=1]) und galerielink hat ein thumb der den link vom ersten Bild aus [gm album=1] hat. es öffnet zwar das Bild, aber das auf einer neue Seite, also gleich, wie wenn man einfach ein Bild verlinkt. Irgendwie müsste man den ganzen shortcode in den Link (<a href...) einbauen. ich habe es mit rel funktioniert, aber da werden scheinbar keine shortcodes akzeptiert. acu durch googlen habe ich dazu nichts gefunden. das nervt, denn ich bin mir sicher, dass es irgendwie möglich sein sollte.
     
  14. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Kannst du bitte mal posten, wie der Link vom Galeriebild zur Lightbox genau aussieht?
    Im Quelltext der Seite – Beitrag galerie 01 mit der Galerie drin – wird auch kein Shortcode in eckigen Klammern im Link stehen.

    Gruß
    helix
     
  15. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
  16. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    dieser Htmlcode geht:

    <a href="http://localhost/wp-content/uploads/2016/04/img02KL.jpg" rel="prettyPhoto[galleryname]"><img src="http://localhost/wp-content/uploads/2016/04/img02KL.jpg" alt="img02KL" width="113" height="142" class="alignleft size-full wp-image-189" />
    </a href="http://localhost/wp-content/uploads/2016/04/img07KL.jpg" rel="prettyPhoto[galleryname]"><img src="http://localhost/wp-content/uploads/2016/04/img07KL.jpg" alt="img07KL" width="114" height="142" class="alignleft size-full wp-image-183" style=display:none /></a>
    <a href="http://localhost/wp-content/uploads/2016/04/img06KL.jpg" rel="prettyPhoto[galleryname]"><img src="http://localhost/wp-content/uploads/2016/04/img06KL.jpg" alt="img06KL" width="95" height="142" class="alignleft size-full wp-image-181" style=display:none /></a>
    <a href="http://localhost/wp-content/uploads/2016/04/img05KL.jpg" rel="prettyPhoto[galleryname]"><img src="http://localhost/wp-content/uploads/2016/04/img05KL.jpg" alt="img05KL" width="116" height="142" class="alignleft size-full wp-image-179" style=display:none /></a>

    style=display:none versteckt mir die Bilder ausser das erste und rel="prettyPhoto[galleryname]" öffnet mir dann die Bilder mit prettyPhoto.
    Dies muss ich aber alles händisch eingeben. Ich weiss jetzt auch nicht, ob jetzt die Bilder, die display:none sind auch geladen werden oder erst dann, wenn ich eben in der Lighbox bin. Ebenfalls finde ich prettsphoto hat nicht so eine schöne Lightbox eingebaut, hätte da lieber was anderes, aber ich weiss jetzt nicht, ob andere auch gehen. ebenfalls gibt es da das Problem, dass bei 150 Bildern da ein riesiger htmlcode entsteht und das ganze dann ziemlich unübersichtlich wird. Da wäre jetzt dann sicher ein template interessant, wenn es für so was überhaupt zu realisieren wäre.
     
  17. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Nachtrag: Rel=... da kann irgendein Begriff stehen. Geladen wird die Lightbox, die gerade aktiviert ist. Style=Display:none lädt leider das Bild trotzdem und daher auch nicht die Lösung, die bei der Menge Photos dann sinnvoll ist.
     
  18. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Von hinten nach vorne: Genau das ist der Pferdefuß bei display: none;
    selbst wenn die Bilder jedes für sich klein sind, es kommt dann einfach einiges zusammen.

    Den Code, den du in Post #16 gepostet hast, kannst du vielleicht in deinem Admin-Bereich einfügen, das ist aber nicht das, was auf der Seite ausgegeben wird – oder seh ich da was krass falsch?

    Und in Post #15, das ist die Adresse vom Bild, aber nicht der vollständige Link.

    Deutet localhost im Pfad darauf hin, dass es eine lokale WordPress-Installation ist?
    Sag mal wenigstens, welches Galerie-PlugIn du eigentlich verwendest / verwenden willst. Oder ist es im Theme integriert? Dann: welches Theme? Vielleicht kann ich was ausfindig machen.

    Gruß
    helix
     
  19. looks

    looks Active Member

    Registriert seit:
    29. Juni 2016
    Beiträge:
    30
    Zustimmungen:
    0
    Hallo helix,

    Ja ich bin offline, eben weil ich noch am testen und probieren bin.

    Ich habe heute nachmittag noch dieses script gefunden, dass man in die CSS einsetzt:
    /*Gallery only show first image*/
    .gallery-item {
    display: none;
    }


    .gallery-item:first-child {
    display: block;
    }
    Danach einfach in Medien eine Galerie erstellen und es wird nur ein Thumb angezeigt. das ist elegant, aber das Problem ist weiterhin, dass die thumbs alle geladen werden. aber bei der Galerie werden da ja thumb gemacht, die man vorher in der Grösse bestimmen kann. der shortcode von so einer Galerie ist [gallery order="DESC" ids="188,186,184,182"].
    als Lightbox ist da dann z.B. jetzt bei mir Responsive Lightbox von dfactory.
    Sonst auf dieser Site benutze ich Unite Gallery Lite, wo ich für ein free plugin recht gute Einstellmöglichkeiten habe. Der Programmierer hat mir da schon geantwortet, dass es mit der nicht geht, weil Lightbox fest eingebaut ist.
    Da es eine nonprofit website ist versuche ich eben die kosten so niedrig wie möglich zu halten und kaufe daher keine plugins oder themen.

    Ja die gute Lösung ist noch nicht gefunden. Vielleicht hast Du dann noch eine Idee. Falls nicht werde ich es mit diesem oben erwähnte script probieren. Ein Problem habe ich dann noch, aber das wird sicher irgendwie lösbar sein und zwar wenn ich einen Shortcode eingebe, wie für die galerie, dann ist der nicht ganz links und oben. da muss ich dann noch schauen, ob ich das mit CSS hinkriegen werde.

    Gruss
    Looks
     
  20. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Ja, ich habe eine Idee. Aber braucht ein bisschen.

    Habe mir jetzt mal dein Lightbox-PlugIn geholt. Das Problem ist, dass die Lightbox erstmal nicht erkennen kann, dass das Bild Teil einer Galerie ist – wenn nicht eben genau die Galerie auf der aktuellen Seite ist …
    Bis jetzt habe ich nichts herausgefunden, wie ich ihr das „sagen“ kann.

    Ich will nun folgendes Setting ausprobieren:
    Lightbox-Einstellung: „zeige ein einzelnes Postbild als Galerie“
    Beitrag anlegen: im Content befindet sich eine Galerie oder alle Bilder, die zur Galerie gehören. Das muss man noch probieren, was geht, bzw. was dann besser geht. Das erste Bild der Galerie wird als Beitragsbild festgelegt.
    Einen eigenen Loop anlegen – z.B. genau für die Übersichtsseite – in dem nur das Beitragsbild ausgegeben wird. Dieses wird zur Mediendatei verlinkt.
    => Kann sein, dass die Lightbox hiermit erkennt, welche Bilder noch zur Galerie gehören, weil es sich innerhalb des Loops abspielt und damit die ID (Datenbank-ID, nicht CSS-ID) des jeweiligen Beitrags „da“ ist.

    Andere PlugIn-Programmierer veröffentlichen ihren Quellcode z.B. bei Github.
    Heißt, wenn ich mit dem oben beschriebenen Setting (und noch ein bisschen rumspielen) keine Lösung erreiche, würde ich eher mit einer selber eingebundenen Lightbox weiterarbeiten …

    Der Code, den du jetzt gepostet hast, bringt genau das gleiche Problem, dass die Bilder eben trotzdem geladen werden. Das hast du ja schon selber erkannt.
    Da hilft es auch nicht, wenn das CSS scheinbar ein bisschen eleganter ist. – Was hilft das abgepfiffenste CSS, wenn es Leute nötigt, Datentransfervolumen für Bits und Bytes zu ver(sch)wenden, die sie nie zu Gesicht bekommen? In Zeiten, in denen möglicherweise schon die Hälfte der Seitenbesucher mobil vorbeisurfen, ziemlich uncool.

    Gruß
    helix
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden