Support » Allgemeine Fragen » Bilder zweispaltig und nachrückend platzieren

  • Hallo und guten Tag,
    ich möchte auf einer Seite ein zweispaltiges Layout erstellen. In diesen Spalten sollen Bilder fortlaufend angezeigt werden. Es werden Bilder hinzugefügt, jeweils soll das neueste Bild als erstes links oben angezeigt werden. Und jetzt der Punkt: die Bilder sollen nicht in der einen Spalte nur nach unten rücken, sondern gleichmäßig verschoben werden (d.h. erst nach rechts, dann, bei einer weiteren Hinzufügung nach links und eine Zeile tiefer).
    Die Seite ist noch in Planung, ggf. müsste ich dies visualisieren…
    Danke schonmal.

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Meinst du sowas?

    Screenshot Masonry-Galerie mit Plugin Block Gallery

    Dazu habe ich die Masonry-Galerie des Plugins Block Gallery verwendet.

    Thread-Starter oakland8

    (@oakland8)

    Recht herzlichen Dank.
    Ja, das sieht ganz danach aus. Vorausgesetzt, die Bilder „rutschen dann bei einem neu eingefügtem nach. Ich habe CoBlocks als Plugin installiert. Ginge dies damit auch? (Ich möchte gern zu viele Komponenten vermeiden…)

    Wieso probierst du es nicht einfach aus?

    Der Begriff für diese Anordnung der Fotos ist Masonry. Dazu findest du in CoBlocks auch einen Block.

    Thread-Starter oakland8

    (@oakland8)

    Das klappt. Danke.
    Ein Problem besteht aber: Wenn ich die zu bearbeitende Seite (mit dem Masonry) erneut im Backend aufrufe, kommt folgende Anzeige: „Dieser Block enthält unerwarteten oder ungültigen Inhalt“. Ich kann „Lösen“ oder „Zu HTML umwandeln“.
    Tue ich ersteres, zerhackt es mir die Anzeige.
    Gibt es da eine andere Lösung? (In Block umwandeln bringt keine Punkte…)

    Thread-Starter oakland8

    (@oakland8)

    Ich habe nunmehr gefunden, woran dies liegt: Ich habe den Bildern jeweils Links zugeordnet. Damit wird offensichtlich die Struktur des Masonry geändert, sodass es nicht valide ist?! Steht die Frage nach einer Alternative, denn an dieser Gallery wird immerzu etwas geändert/erneuert.

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Bilder zweispaltig und nachrückend platzieren“ ist für neue Antworten geschlossen.