Ergebnis 1 bis 4 von 4

Thema: Galerie und Bootstrap und Responsive Image

  1. #1
    Contao-Nutzer
    Registriert seit
    05.11.2012.
    Beiträge
    239

    Standard Galerie und Bootstrap und Responsive Image

    Hallo Zusammen,

    ich probiere nun seit einiger Zeit mit Bootstrap für Contao herum, was eine extrem mühsame Angelegenheit ist, da man nirgends eine Anleitung für die einzelnen Teile finden kann.

    So bin ich gerade auf das Problem gestoßen, dass ich eine Bildergalerie erstellen möchte (3 Bilder pro Reihe, die Anzahl der Bilder gibt die Anzahl der Reihen vor) und dachte, dass ich hier einfach das Inhaltselement Galerie nehme und dem dann ein Spaltenset zuordne. Pustekuchen. Hier wird eine einfache Galerie erstellt, die nicht responsive ist.
    Ich habe nun mit dem Inhaltselement Spaltenset rumprobiert und auch sonst eine Lösungsansätze versucht, aber nichts funktioniert so, dass die Galerie dann responsive wird. Und in Verbindung mit dem Reponsive Image von Contao hört es dann komplett auf.

    Übersehe ich was oder gibt es für Bootstrap keine Galerie? Oder wurde diese bei der Contao Version nicht mit umgesetzt?
    Muss ich eine Galerie mit html bauen und in ein html-Inhaltselement kopieren (z.B. mit Codes von Bootsnipp)?

    Für Tipps und Tricks bin ich euch dankbar.

    Schöne Grüße
    Jan-Dirk

  2. #2
    Community-Admina und Buchautorin von genau gar nichts Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    5.392
    Partner-ID
    152
    User beschenken
    Wunschliste

    Standard

    Bevor du eigenes HTML schreibst: probiere doch mal eines der responsiven Templates für die Galerie, beispielsweise gallery_grid.


    Gesendet von iPhone mit Tapatalk

  3. #3
    Contao-Nutzer Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Beiträge
    196

    Standard

    Normalerweise werden von bootstrap doch ein paar eigene Templates mitgeliefert für die Gallerie. Davon eins auswählen und schon geht die Reise los. Oder hab ich es falsch verstanden?

    Ansonsten kannst Du ja jederzeit in der Gallery noch zusätzliche Klassen vergeben, die bootstrap-Klassen bieten sich da ja förmlich an, bei drei Bildern nebeneinander z.B. "col-sm-3 offset-sm-1" (ich hoffe es war offset...).

  4. #4
    Contao-Nutzer
    Registriert seit
    05.11.2012.
    Beiträge
    239

    Standard

    So, nun bin ich dabei, mich noch einmal mit den Gallerien zu beschäftigen. Leider funktioniert dies nicht responsive mit der Bootstrap-Erweiterung. Allerdings wohl auch nicht wirklich gut mit Bootstrap an sich, hier scheint Foundation die Nase vorn zu haben.

    Zitat Zitat von lucina Beitrag anzeigen
    Bevor du eigenes HTML schreibst: probiere doch mal eines der responsiven Templates für die Galerie, beispielsweise gallery_grid.
    Leider funktionieren die responsiven Grids für die Gallerie überhaupt nicht, keine Ahnung warum.
    Auf jeden Fall muss man bei der Gallerie angeben, wie viele Bilder in einer Reihe sein sollen. Dies ändert sich auch in den verschiedenen Viewports nicht, d.h. auf dem iPhone sind ebenfalls 3 Bilder nebeneinander. Das macht natürlich für responsive Design keinen Sinn.
    Leider habe ich hier nichts hinbekommen, was funktionieren kann.

    Zitat Zitat von PaddySD
    Ansonsten kannst Du ja jederzeit in der Gallery noch zusätzliche Klassen vergeben, die bootstrap-Klassen bieten sich da ja förmlich an, bei drei Bildern nebeneinander z.B. "col-sm-3 offset-sm-1" (ich hoffe es war offset...).
    Ja, dies ist der Ansatz, den ich nun verfolgt habe.

    Ich habe eine neue Spaltenvorlage mit 12 (!) Spalten angelegt, die ich dann im Menü Spaltensets so eingestellt habe, dass die einzelnen Bilder in verschiedenen Viewports unterschiedliche Breite annehmen (Bildschirmfoto 2017-03-22 um 12.29.37.png).
    Nun kann ich bis zu 12 Bilder einladen (leider alle einzeln) und diese verhalten sich dann responsive, d.h. bei großen Viewports 3 nebeneinander, bei mittleren 2, bei kleinen alle untereinander.

    Leider sind nun einige schöne Funktionen der Gallerie nicht mehr vorhanden, z.B. das fortlaufende vergrößerte Ansehen über eine Lightbox. Hier müssen alle Bilder immer einzeln angeklickt werden. Gibt es dafür eigentlich eine Lösung (also ein Bild und bei Klick wird eine Gallerie in eine Lightbox geöffnet)?

    Ich habe leider keine andere Lösung gefunden, aber vielleicht hilft mein Ansatz ja jemanden. Oder vielleicht gibt es noch eine bessere Lösung?

    Viele Grüße
    Jan-Dirk

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •