Layer Dynamic Media Assets from scene7 URLs in AEM Assets

[typehack]

I would like to layer two assets (a still image and a play button) from AEM and deliver them as a single asset via a URL.

I think this IS possible but I'm not having any success ... OR is it not possible. If it is possible, are there any tutorials on structuring the URL to do this?

Thanks!

Adam

P.S. I'm not sure if I'm asking this question properly, so any help would be appreciated.

[Saravanan_Dharmaraj]

@typehack AFIAK i don't think this layering feature is there in DM itself. however you can achieve the placing of play image on top of background image using the simple css.  

https://stackoverflow.com/questions/42462190/play-button-over-responsive-image-using-css

[typehack]

Hi @Saravanan_Dharmaraj Thanks so much for your reply, I appreciate it.

Ahhh. Maybe I'm mis-understanding this feature in the current version of AEM? Maybe this is only for Dynamic Media Classic?

Layering in Dynamic Media

Thank you again!

[Saravanan_Dharmaraj · Accepted solution]

@typehack My reply based on my experience on only place i have seen related to layers in PSD files.

https://docs.mktossl.com/docs/experience-manager-65/assets/dynamic/dm-general-settings.html?lang=en#...

and example of how to set up the text on top of the image(layer) from PSD. Again this can be done by using CSS. we use css all over the place to place the text/image.

https://experience-aem.blogspot.com/2020/05/aem-6540-creating-dynamic-media-classic-scene7-templates... 

but after seeing layer docs you have sent, i have tested with 2 images with simple URL parameters , it worked in DM Scene7 , please see the below example which shows an logo inside the bigger background image, hope this is what you are looking for. Good learning!

https://silabs.scene7.com/is/image/siliconlabs/matter-1-2-announcement?&hei=800&layer=1&src=siliconl...

[Saravanan_Dharmaraj]

@typehack hope you have seen the command reference of diff URL parameters you can use to manipulate the image. Layer is one of them we just tested

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

[typehack]

@Saravanan_Dharmaraj Thank you so much for your replies! Unfortunately, I'm unable to use any CSS for this application. BUT the example you provided below was exactly what I needed to see and answered my question about how the URL should be structured.

---

@Saravanan_Dharmaraj wrote:

but after seeing layer docs you have sent, i have tested with 2 images with simple URL parameters , it worked in DM Scene7 , please see the below example which shows an logo inside the bigger background image, hope this is what you are looking for. Good learning!

https://silabs.scene7.com/is/image/siliconlabs/matter-1-2-announcement?&hei=800&layer=1&src=siliconl...

---

Thanks again!!