[TYPO3-german] TYPO3 - Responsive Images

[Oliver Baran]

Hallo Liste,

nach langem suchen habe ich das Plugin
https://github.com/rtp-ch/rtp_imgquery gefunden um Bilder automatisch
auf dem Server verkleiner zu lassen und diese dann an den Client
auszugeben.
Dies funktioniert eigentlich auch ganz gut.
Nun möchte ich aber gerne bei einigen Breakpoints andere Bilder
ausliefern. Z.B. Es ist ein blaues Bild im Content hinterlegt, nun
soll aber bei einer Auflösung kleiner 800px ein rotes Bild
ausgeliefert werden.
Ich habe das Plugin darauf hin schon ein wenig angepasst:
- Ein neues Tabellen-Feld hinzugefügt
- In diesem speichere ich ein serialisiertes Array (noch von Hand)
(ist auch nicht die schönste Art finde ich, habe bis jetzt aber noch
keine bessere Möglichkeit gefunden.)
- Dieses Array ist wie folgt aufgebaut: ['original_Bildname'] =>
['breakpoint-A' => 'anderes_Bild-A', 'breakpoint-B' =>
'anderes_Bild-B']
- Beim erstellen der Breakpoints gehe ich dieses Array ebenfalls durch
und schaue ob ich da einen passenden Eintrag finde, und wenn ja
überschreibe ich das alte Bild mit dem neuen.

Nun habe ich aber das Problem, wie kann ich dieses serialisierte Array
im BE erzeugen, bzw. füllen, ohne dieses z.B. über ein Textfeld von
dem User füllen zu lassen.
Meine Idee ist folgende:
Eine Liste aller Bilder die bei diesem Content-Element verwendet
werden anzeigen lassen. Dann pro Bild wieder eine Liste mit den
Breakpoints und zu jedem Breakpoint die Möglichkeit geben ein anderes
Bild hochladen zu können.
- Bild 1:
-- Breakpoints:
--- Breakpoint 1: Alternatives Bild [Upload-Möglichkeit]
--- Breakpoint 2: Alternatives Bild [Upload-Möglichkeit]
- Bild 2:
-- Breakpoints:
--- Breakpoint 1: Alternatives Bild [Upload-Möglichkeit]
--- Breakpoint 2: Alternatives Bild [Upload-Möglichkeit]
etc.

Hat einer eine Idee wie ich das umsetzen kann, oder gibt es sowas evtl. schon?

Danke und viele Grüße
Oliver

Nun aber zu meiner