AEM DAM资产格式副本如何在AEM中使用?

AEM DAM资产格式副本如何在AEM中使用?,aem,dam,Aem,Dam,我知道在将任何图像/资产上传到AEM DAM时都会创建格式副本,但我想知道这些格式副本将如何使用? 通常,在进行内容创作时,我们只会指向DAM资源路径,但从未看到使用图像的特定格式副本路径有人能帮我举一个使用此格式副本的例子吗? 最常见的使用案例是,通过使用元素(如与IE一起使用时,需要polyfills),使其具有“响应性”图像 下面是一个来自以下方面的示例: >,在数据媒体< /代码>中定义的视口断点将呈现适当的图像。< P>您还可以考虑使用ACS AEM公文包中的命名变换图像serv

我知道在将任何图像/资产上传到AEM DAM时都会创建格式副本,但我想知道这些格式副本将如何使用?

通常,在进行内容创作时,我们只会指向DAM资源路径,但从未看到使用图像的特定格式副本路径有人能帮我举一个使用此格式副本的例子吗?


最常见的使用案例是,通过使用元素(如与IE一起使用时,需要polyfills),使其具有“响应性”图像

下面是一个来自以下方面的示例:



<> >,在数据媒体< /代码>中定义的视口断点将呈现适当的图像。

< P>您还可以考虑使用ACS AEM公文包中的命名变换图像servlet。仅使用图像URL就可以方便地动态控制图像的许多方面


看看哪一个可能与您的问题相似。@mickeroy谢谢,但对上述编码样式的一个小查询当作者想从pathfield对话框中选择时,他们将只能选择原始图像路径,但不能选择正确的格式副本,我们是否需要用代码处理它。?您可以用代码轻松处理此问题。只要您拥有原始图像的路径,就可以将路径附加到格式副本中。例如:
data src='${pathToImage}/jcr:content/renditions/cq5dam.thumbnail.140.100.png'
触摸屏如何使用此格式副本?
<div data-picture>
    <div data-src='/content/dam/geometrixx-media/articles/meridien.png'></div>                                        
    <div data-src='/content/dam/geometrixx-media/articles/meridien.png/jcr:content/renditions/cq5dam.thumbnail.319.319.png'    data-media="(min-width: 769px)"></div>  
    <div data-src='/content/dam/geometrixx-media/articles/meridien.png/jcr:content/renditions/cq5dam.thumbnail.140.100.png'   data-media="(min-width: 481px)"></div>     
</div>