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
Liste der Anhänge anzeigen (Anzahl: 1)
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
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 (Anhang 19080).
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
Liste der Anhänge anzeigen (Anzahl: 4)
Hallo,
leider bin ich nun doch wieder an dem oben beschriebenen Problem angelangt und hoffe, dass Ihr mir einen Tipp geben könnt.
Ich baue gerade eine Seite um, auf der es schon etliche Bildergalerien gibt und auf der jeden Monat eine neue dazukommt.
Die Redakteurin hat Ihre Bilder hochgeladen und dann über die Galeriefunktion von Contao eine 4-spaltige Galerie erstellt. Hat prima funktioniert.
Wenn ich nun auf Bootstrap umstelle, dann wird auch eine 4-spaltige Galerie erzeugt (mit gallery_grid), die leider auch auf kleinen Geräten vierspaltig ist. Leider werden auch die Vorschaubilder insgesamt skaliert, so dass sie auf kleinen Geräten nicht mehr zu erkennen sind.
Für lg sieht es dann so aus Anhang 19870
Für md sieht es so aus Anhang 19871
Für sm sieht es so aus Anhang 19872
Meine Einstellungen für die Galerie selbst sind folgende:
Anhang 19873
Das Einstellen der Bildgrößen bring leider keine Änderungen. Auch sonst konnte ich leider keine Lösungen finden.
Mir wäre am liebsten, wenn sich die Bildgrößen wenig bis kaum verändern würden, wenn der Viewport kleiner wird. Gerne auch von 4- auf 3- auf 2-spaltig.
Aber das bekomme ich mit der Galerie nicht hin.
Es soll aber weiterhin das Galerie-Modul sein, weil die Redakteurin dieses beherrscht und gut anwenden kann.
Habt Ihr eine Lösung für mich?
Viele Grüße
Jan-Dirk