---
title: "Fluid und Picturefill"
url: "https://www.typo3.net/d/119268-fluid-und-picturefill"
source: "typo3.net"
tags: ["Extensions","Extbase","Bilder","DCE","Frage"]
created: "2014-12-01"
last_reply: "2015-02-25"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Fluid und Picturefill

Extensions › Extbase · 2 Antworten · gestartet 2014-12-01

## Eröffnungsbeitrag

**vincentvega** · 2014-12-01 · [Beitrag #1](https://www.typo3.net/d/119268-fluid-und-picturefill/1)

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
<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

## Antworten

### [#2](https://www.typo3.net/d/119268-fluid-und-picturefill/2) · maximaexchen · 2015-02-25

Hey Vicent, hast du inzwischen etwas gefunden?

Stehe gerade vor ähnlicher Fragestellung. Das Netzt ist ja nicht gerade voll zum Thema.

Das funktioniert ja für Standard super:
<http://www.agilsoft.de/software-entwicklung/anleitungen/responsive-bilder-mit-typoscript/>

Bei mir konkret: Eigene Extension mit Plugin um standard tt_content ($TCA['tt_content']['types']['image']['showitem'];) zu rendern. Hier möchte ich gerne die Bilder aus CE Bilder und CE Bilder/Text wie oben beschrieben ausgeben.

Über jeden Tip dankbar.

Grüße, Marcus

### [#3](https://www.typo3.net/d/119268-fluid-und-picturefill/3) · maximaexchen · 2015-02-25

Hey Vicent, hast du inzwischen etwas gefunden?

Stehe gerade vor ähnlicher Fragestellung. Das Netzt ist ja nicht gerade voll zum Thema.

Das funktioniert ja für Standard super:
<http://www.agilsoft.de/software-entwicklung/anleitungen/responsive-bilder-mit-typoscript/>

Bei mir konkret: Eigene Extension mit Plugin um standard tt_content ($TCA['tt_content']['types']['image']['showitem'];) zu rendern. Hier möchte ich gerne die Bilder aus CE Bilder und CE Bilder/Text wie oben beschrieben ausgeben.

Über jeden Tip dankbar.

Grüße, Marcus

---

Quelle: „Fluid und Picturefill“, typo3.net, https://www.typo3.net/d/119268-fluid-und-picturefill
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
