Ankündigung

Einklappen
Keine Ankündigung bisher.

Lightbox-Attribute - Doku dazu?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Tim
    antwortet
    Zusätzlich habe ich in EX noch ein paar konkrete Lightbox-Helferchen verbaut (ja, das kann mal in die Doku. Das sind Quasi Helfer-CSS-Klassen). Anbei ein Screenshot.

    CSS-Klasse:
    lightbox50-50 -> Link wird in Lightbox mit w,h = 50% geöffnet
    lightbox60-40 -> Link wird in Lightbox mit w 60% h 40% geöffnet
    lightbox960 -> Link wird in Lightbox mit: w 960 h 575px geöffnet

    data-lightbox-iframe -> lightbox-Inhalt wird als iframe erstellt. (Standard ist inline object). iframe ist nötig für Formulare, die in einer Lightbox dargestellt werden sollen und ggf. darin auch weiterleiten.


    Klicke auf die Grafik für eine vergrößerte Ansicht  Name: screenshot_4324.jpg Ansichten: 0 Größe: 50,5 KB ID: 31772
    Zuletzt geändert von Tim; 22.09.2025, 08:31.

    Einen Kommentar schreiben:


  • Tim
    antwortet
    Hi,
    das Feld dient dem gezielten instantieren von Elementen, die in der Lightbox/Colorbox dargestellt werden sollen. Man kann Elemente gruppieren, in dem man den gleichen Lightbox-"Namen" angibt. Das Colorbox Script fasst diese Elemente dann in eine Instanz zusammen z.B. meineLightbox.
    Im Quellcode steht dann: <a data-lightbox="meineLightbox"> und das Script legt dann eine LB-Instanz für "meineLightbox" abn. Alle Elemente, die ebenfalls meineLightbox tragen, werden in dieser LB gruppiert.

    https://community.contao.org/de/show...l=1#post418152

    Das geht quasi überall, auch mit selbstgeschriebenen HTML.

    Einen Kommentar schreiben:


  • liebling65
    hat ein Thema erstellt Lightbox-Attribute - Doku dazu?.

    Lightbox-Attribute - Doku dazu?

    Hallo zusammen,

    gibts denn irgendwo ne Doku welche Lightbox-Attribute ich brauche und wie ich die einsetze, um z.B. ein Objekt in einer Lightbox zu öffnen? Im Feld stehe ja nur ich kann hier ein Lightbox-Attribute eintragen.
    Beispiel das Inhaltselement "Flipbox": Hier können Sie ein data-lightbox-Attribut eingeben, um die Lightbox anzusteuern.
    Welches? Wie?
Lädt...
X