GLightbox mit Bildunterschrift

[pandroid]

Hallo zusammen,

da „Lightcase“ als Lightbox-Erweiterung nicht mehr länger gepflegt wird, bin ich zu GLightbox gewechselt. Leider lässt sich hier nicht so komfortabel einstellen, dass die für das Bild hinterlegte Bildunterschrift auch in der Lightbox angezeigt werden soll.

Nach meiner Recherche im Netz hätte ich im Moment nur die Lösung, die Templates für Bilder anzupassen. Das würde ich aber gern vermeiden.

Gibt es eine Möglichkeit, das im JS-Template von GLightbox einzustellen?

[Spooky]

Evt. kannst du's mit einem der Events per JavaScript setzen. Ansonsten kannst du folgende Template Anpassung machen:

<!-- templates/image.html5 -->
<?php

if ($this->caption) {
  $this->attributes .= ' data-caption="'.Contao\StringUtil::specialcharsAttribute(strip_tags($this->caption)).'"';
}

?>
<?php $this->extend('image'); ?>

[pandroid]

Danke Spooky, für die superschnelle Antwort. Ich schau mir mal die Lösung über das Template an. Beim Javascript komme ich leider nicht weiter.

[Niels H]

Habe es mit folgender templates/js_glightbox.html5 umgesetzt:

<?php

use Contao\Template;

$GLOBALS['TL_CSS']['glightbox'] = 'bundles/contaoglightbox/css/glightbox.min.css|static';
echo Template::generateScriptTag('bundles/contaoglightbox/js/glightbox.min.js', false, null);

?>

<script>
(function(){
  'use strict';
  document.querySelectorAll('a[data-lightbox]').forEach((element) => {
    if (!!element.dataset.lightbox) {
      element.setAttribute('data-gallery', element.dataset.lightbox);
      const caption = element.nextElementSibling;
      if (!!caption) {
        element.setAttribute('data-glightbox', 'title: '+caption.textContent);
      }
    }
  });
  GLightbox({
    selector: 'a[data-lightbox]',
    zoomable: false
  });
})();
</script>

[Bennie]

Das Problem interessiert mich auch gerade da ich gerne auf GLightbox umstellen möchte
@Niels H
Deine Lösung funktioniert jedoch bei mir leider nicht, es wird nach wie vor der "title" ausgegeben nicht aber der Inhalt der figcaption .

[Bennie]

Ok, es liegt daran dass ich das nicht mit dem Galerie-Element getestet habe .
Wie würde das für ein Bild Element funktionieren? Ich bekomme das nicht hin :-(

[Bennie]

War ja doch einfach, ich war nur blind - also wenn man Zeile 14 und 20 ausblendet dann geht's ja auch außerhalb der Galerie.

Seltsam ist, dass wenn man z.B erst ein Einzelbild hat welches mit der Lightbox geöffnet werden kann und danach ein weiteres oder eine Galerie , dann verhält sich die Lightbox so als wäre es eine zusammenhängende Galerie - sprich man kann komplett "durchklicken" .

Passiert aber nur wenn man das Einzelbild zuerst anklickt- umgekehrt nicht.

Kann das jemand nachstellen und mir ggf. sagen wie ich das unterbinden kann?

[Bennie]

Hab da leider noch keine Lösung gefunden und hätte auch noch eine weitere Frage.
Wie kann ich das mit einem Counter erweitern (also Bild 1 von x usw...) ?

Ich habe zwar dazu eine Lösung gefunden
https://github.com/biati-digital/gli...ment-537288375

aber ich habe Schwierigkeiten dass in der Erweiterung zu realisieren.

Das Script habe ich ins Template integriert aber anscheinend muss da noch was angepasst werden was ich übersehe

[tblumrich]

War ja doch einfach, ich war nur blind - also wenn man Zeile 14 und 20 ausblendet dann geht's ja auch außerhalb der Galerie.

Seltsam ist, dass wenn man z.B erst ein Einzelbild hat welches mit der Lightbox geöffnet werden kann und danach ein weiteres oder eine Galerie , dann verhält sich die Lightbox so als wäre es eine zusammenhängende Galerie - sprich man kann komplett "durchklicken" .

Passiert aber nur wenn man das Einzelbild zuerst anklickt- umgekehrt nicht.

Kann das jemand nachstellen und mir ggf. sagen wie ich das unterbinden kann?

Danke für die Lösung, hatte auch schon rumprobiert… ansonsten kann ich das Verhalten bestätigen … es wird bei mehreren Bildern oder Galerien immer komplett durchgeblättert über mehrere Inhaltselemente hinweg.
Irgendwo im Forum war das auch schonmal als Hinweis aufgetaucht … ohne Lösungsansatz leider.

[Bennie]

@tblumrich danke du bis der Erste der mir das mal bestätigt
Anscheinend wird die GLightbox nicht so häufig genutzt.
Daraus ergibt sich für mich die Frage was denn die anderen hier so nutzen oder einbauen, wenn sie nicht! die (Standard) colorbox nutzen?

[Spooky]

Danke für die Lösung, hatte auch schon rumprobiert… ansonsten kann ich das Verhalten bestätigen … es wird bei mehreren Bildern oder Galerien immer komplett durchgeblättert über mehrere Inhaltselemente hinweg.
Irgendwo im Forum war das auch schonmal als Hinweis aufgetaucht … ohne Lösungsansatz leider.

https://github.com/contao/contao/issues/4029

[Bennie]

Und was heißt das jetzt? Ich lese das so, dass es keine (einfache) Lösung gibt ??

[Spooky]

Dazu machst du am besten einen anderen Thread auf oder postest in einem bestehenden Thread, wo das Problem bereits behandelt wird. In diesem Thread geht es um die Caption.

[Bennie]

@spooky ok - hab mal hier weitergemacht