Fluid, DCE und Picturefill

Hallo zusammen,



ich möchte gerne mit Fluid (und/oder Typoscript) und der Extension DCE responsive Bilder (srcset und picturefill.js) ausgeben. Leider bekomme ich es nicht mal ansatzweise hin, hatte versucht die vorhandene Lösung von tt_content irgendwie dahingehend umzubauen.



Das Ergebnis müsste dann in etwa folgendermaßen aussehen:

HTML-Code:

---

<picture>

<!--[if IE 9]><video style="display: none;"><![endif]-->

<source srcset="/fileadmin/_processed_/2.jpg" media="(min-width: 1px) AND (max-width: 479px)">

<source srcset="/fileadmin/_processed_/3.jpg" media="(min-width: 480px) AND (max-width: 767px)">

<source srcset="/fileadmin/_processed_/4.jpg" media="(min-width: 768px) AND (max-width: 991px)">

<source srcset="/fileadmin/_processed_/5.jpg" media="(min-width: 992px) AND (max-width: 1199px)">

<source srcset="/fileadmin/_processed_/6.jpg" media="(min-width: 1200px)">

<!--[if IE 9]></video><![endif]-->

<img srcset="/fileadmin/_processed_/1.jpg" class="img-responsive" alt="nature1">

</picture>

---

Gibt es dafür schon Lösungsansätze? Kann mir jemand auf die Sprünge helfen wie man das erreichen könnte?



Etwas ähnliches bräuchte man auch noch für Bilder aus dem Medienfeld der Seiteneigenschaften.



Danke für jeden Tipp!



Grüße, Vincent

Fluid, DCE und Picturefill