[gelöst] Colorbox - alle Bilder auf einer Seite als Gruppe definieren

[Anke]

Hallo,

ich habe ein einzelnes Bild und zwei kleine Gallerien auf einer Seite und möchte alle kombinieren, sodass man die Light/Colorbox nicht mehrals aufzurufen braucht. Dazu vereinheitliche ich alle data-lightbox-Werte mit folgendem Eintrag im colorbox-Template:

        ...
        $(this).colorbox({
          // Put custom options here
          loop: true,
          rel: $(this).attr('data-lightbox', 'lb111'),
          ...

Theoretisch, dachte ich nach dem Studium der Konfig-Möglichkeiten, sollte es so möglich sein, in der Box durch alle Bilder durchzublättern. Aber jetzt sind die Weiter-/Zurück-Buttons verschwunden und man muss jedes Bild einzeln anklicken.

Was mache ich falsch? Ist hier noch was Contao-spezifisches zu beachten?

Viele Grüße,
Anke

[marcos]

Hallo Anke

Es gibt bei attr einen Unterschied, wie du den Befehl verwendest.

Holt den Wert, der bei "data-lightbox" steht.

$(this).attr('data-lightbox')

Setzt den Wert von "data-lightbox" auf "lb111"

$(this).attr('data-lightbox', 'lb111')

Deine Änderung setzt zwar den Wert, gibt "rel" aber keinen Wert zurück. Du müsstest die Werte für das Attribut "data-lightbox" also vorher setzen, damit du diese nachher im Colorbox-Script abfragen kannst.

Gruss
Marco

[Anke]

Dankeschön, funktioniert!

LG
Anke

[pipkin]

Huhu,

darf ich mal nachhaken, wie das gemeint ist? ;-)

Ich habe im Template "loop: true" gesetzt. Hier stehe ich auf dem Schlauch:

Du müsstest die Werte für das Attribut "data-lightbox" also vorher setzen, damit du diese nachher im Colorbox-Script abfragen kannst.

Dankeschön, funktioniert!

Wo/ wie müssen die Werte gesetzt werden?
Direkt bei den Bildern?

Vielen Dank!