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


(Werner Schröter) #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


(Martin Ficzel) #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


(Werner Schröter) #3

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

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

:smile: