Fancybox 3 - Bilderdarstellung in Reihen anstatt in Spalten

Hallo,

Fancybox 3 stellt die Reihenfolge der Bilder in Spalten dar
1 | 6 | 11
2 | 7 | 12
3 | 8 | 13
4 | 9
5 | 10

Dieses Verhalten stösst bei manchen Besuchern auf "Unverständnis".
Kennt jemand eine Lösung, oder hat dies bereits jemand so umgesetzt, sodass die Reihenfolge in Zeilen dargestellt wird
1 | 2 | 3
4 | 5 | 6
7 | 8 | 9
10 |11 |12
13

Beispiellink
... die Bilder beginnen, nach ein wenig scrollen, weiter unten.
Hier ist es deshalb stark auffällig, weil die Bilder auch noch zeitlich mit Start bis Zieleinlauf zu tun haben - gut erkenntbar ganz unten beim 'Elitelauf über 10km'

Ich kenne die Erweiterung nicht und vielleicht gibt es dort auch eine Einstellungsmöglichkeit.
Auf jeden Fall kann man es mit css anpassen.
Z. B. auf das ul-Element ein display: flex setzen. display: grid geht auch wird aber vom IE nicht bzw. nicht vollständig unterstützt, das gute alte "float" sollte auch funktionieren.
Flex oder Grid wären meine Favoriten.

Zitat:

---

Zitat von mlweb

I display: grid geht auch wird aber vom IE nicht bzw. nicht vollständig unterstützt

---

Wie wir dieser Tage gelernt haben ist der Internet Explorer kein Browser, sondern ein Workaround für Kompatibilitätsprobleme. Ich würde den also in meinen Überlegungen nicht mehr berücksichtigen.

Zitat:

---

Zitat von lucina

Wie wir dieser Tage gelernt haben ist der Internet Explorer kein Browser, sondern ein Workaround für Kompatibilitätsprobleme.

---

Den Artikel hatte ich schon gesehen, war auf Twitter verlinkt.

Ich habe aber tatsächlich zwei Kunden, bei denen eine nicht unerhebliche Zahl an Besuchern warum auch immer über den IE 11 kommt. Zumindestens muss man m.E. so etwas im Hinterkopf haben und für ein Fallback sorgen, welches die Seite auch auf dem IE11 lesbar und bedienbar hinterlässt. Flexbox eignet sich recht gut als Fallback für Grid und ist schnell umgesetzt.

Da tuts doch ein Popup mit der Bitte, sich doch einen vernünftigen Browser zu installieren.

Ich würde sagen: nein. Denn Du hast auch User, die in an einem Rechner einer Firma sitzen und selbst nichts installieren können. Oder den Typ User, der zu Dir kommt mit: "Da kam ne Fehlermeldung" ... "Was stand denn drin?" ... "Weiß nicht, hab OK geklickt". Es bleibt in beiden Fällen der User für den die Site "nicht richtig funktioniert".

Das wird auch immer so bleiben, solang sich niemand traut, kaputte Browser zumindest auch gegenüber ihren Usern als solche zu benennen. Solange augenscheinlich alles funktioniert, interessiert sich garantiert niemand dafür, welche Probleme der verwendete Browser hat. Nichts dagegen, bei relativ neuen Features Prefixes zu verwenden. Aber wenn vom Hersteller wirklich penetrant die Arbeit am Browser verweigert wird und Standards nach Jahren noch nicht umgesetzt sind, dann darf die Seite mit so einerm "Browser" auch schon mal was schlechter aussehen als mit einem vernünftigen Browser und auch mal einen deutlichen Hinweis darauf geben, wieso das so ist. Solange der User das nicht zumindest deutlich merkt, wird nie was passieren. Browser wechseln? Wieso denn? Funktioniert doch alles! Ist doch schön für Firmen wie MS, wenn man andere die Arbeit für sich machen lassen und die eigenen Bugs und fehlenden Features zum alternativen Standard erklären kann.

Das haben die zur Firmenphilosophie erhoben. Siehe z.B. auch deren Freemail-Angebote. Da werden völlig normale, RFC-konforme E-Mails schon mal ganz gern im firmeneigenen schwarzen Loch entsorgt. Das heißt, sie kommen nicht mal im Spamordner an, teilweise sogar ohne Benachrichtigung des Absenders. Und das nur, weil vielleicht irgend jemand aus dem selben IP-Bereich irgendwann mal Spam verschickt hat - oder MS das zumindest glaubt. Oft wissen die ja selbst nicht, wieso sie eigentlich blocken. Und drum kümmern soll sich dann der Absender, nicht etwa der Provider mit dem kaputten Postfach. Der Absender darf sich dann so lange abstrampeln, bis MS, Google und wie sie alle heißen sich herablassen, die Sperre gnädigerweise aufzuheben. Zumindest für eine Weile. Hier haben aber immerhin so einige derer Kunden mittlerweile gemerkt, was eigentlich los ist, dass quasi der Briefträger ihre Briefe direkt in den Müllcontainer entsorgt anstatt sie ordnungsgemäß zuzustellen. Das betrifft auch durchaus ganz gern mal Mails von Banken und Behörden, also nicht nur notorische Spammer. Die Berichte betroffener (Nicht-)Empfänger lesen sich teils recht amüsant, auch wenn (oder gerade weil) die Verfasser nicht unbedingt amüsiert sind. Also, wenn mal ein Kontaktformular bei einer Outlook, Hotmail oder GMail-Adresse nicht ankommt, obwohl über den richtigen SMTP-Server verschickt wurde und SPF, DNSSEC, DKIM, DMARC usw alle passen... Nicht immer ist Contao schuld ;). Manchmal ist die Mail auch einfach von einem schwarzen Loch verschluckt worden.;):)

Zitat:

---

Zitat von tab

dann darf die Seite mit so einerm "Browser" auch schon mal was schlechter aussehen als mit einem vernünftigen Browser

---

Ich habe ja auch geschrieben "lesbar und bedienbar" und natürlich ist das auch projektabhängig. Vieles von CSS-Grid wird ja auch im IE11 unterstützt, aber halt nicht alles. Eine dann nicht mehr lesbare/bedienbare Seite im IE11 ist für mich eigentlich keine Option.