dynamic media - aem

[AEMLearner-1989]

Hi Team,

I am able to get the responsive image on my custom component by using responsive . It working for img tag.

https://experienceleague.adobe.com/docs/dynamic-media-developer-resources/image-serving-api/image-se...

But its not working for background-image:url div class. any suggestions?

<div class="hero__image" style="background-image:url('${dynamicmedia.fileReference @ context='styleString'}')"></div>

[khamat_bn · Accepted solution]

Hi @AEMLearner-1989 

as you are referring Dynamic Media Image so please try 'uri' instead of 'styleString' in context. 

<div class="hero__image" style="background-image:url('${dynamicmedia.fileReference @ context='uri'}')"></div>

[AEMLearner-1989]

How to handle responsive image library for background-image:url

<div class="hero_image" style="background-image:url('${dynamic.fileReference @ context='uri'}')"></div>

Its working as expected for <img> tag. 

[khamat_bn]

It will be handled by css, we need to provide css class in <div class=""> and that should adapt Resonsive image as needed