[SOLVED] Image ohne "width" und "height"

Community Germany
1

Hallo,

Ich möchte ein responsives Bild darstellen. Hierzu benötige ein Rendering des Image-objektes ohne eine “Width” und “Height” Angabe. Wie kann man in Fusion die “width” u. “height” löschen?

cardImage = ${q(node).property('cardImage')}

<media:image alt="header" image="{cardImage}" class="card-img-top" />

[IST]
<img class="card-img-top" alt="header" src="http://www.neos.loc/_Resources/Persistent/776913298c4cea60d1148e68adbd8fc983b95d6d/xxxxxxxxxxx.jpg" height="182" width="500">
[SOLL]
<img class="card-img-top" alt="header" src="http://www.neos.loc/_Resources/Persistent/776913298c4cea60d1148e68adbd8fc983b95d6d/xxxxxxxxxxx.jpg">

Vielen Dank schon mal im Voraus
Werner

2

Nutze die fluid inline syntax um eine uri zu erzeugen:

<img src="{media.uri.image(image:cardImage)}" />

http://neos.readthedocs.io/en/stable/References/ViewHelpers/Media.html#typo3-media-uri-image

3

Danke! Das war die Lösung und viel einfacher als gedacht!

<img src="{media:uri.image(image:cardImage)}" />

:smile: