AEM如何在AEM中使用AEM DAM资产转换？

我知道，虽然上传任何图像/资产到AEM DAM将创建翻译，但我想知道这些翻译将如何使用？AEM如何在AEM中使用AEM DAM资产转换？

通常，在进行内容创作时，我们只会指向DAM资产路径，但从未看到使用图像的特定演绎路径。 任何人都可以帮助我举一个例子来说明使用这个引用。

2017-02-16 krish

看看[如何访问图像翻译]（http://stackoverflow.com/questions/40153767/how-to-access-image-rendition-in-aem）这可能是类似于你的问题。 – VAr

最常见的使用情况下，它具有通过利用picture元件的“响应”图像（与IE使用时需要polyfills像picturefill.js）。

下面是来自Adobe documentation on Adaptive images截取的示例：

<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>

其结果是，相应的图像将被呈现为在data-media定义的视口的断点。

来源

2017-02-16 07:37:55 mickleroy

@ mickeroy谢谢你，但是当作者想从pathfield对话框中选择一个上述编码风格的小查询时，他们将只能选择原始图像路径，但不能正确显示，我们是否需要处理它在代码中。？ – krish

你可以在代码中轻松处理。只要你有原始图像的路径，你可以简单地将路径追加到它的演绎。例如：'data-src ='$ {pathToImage}/jcr：content/renditions/cq5dam.thumbnail.140.100.png'' – mickleroy

AEM如何在AEM中使用AEM DAM资产转换？

回答

相关问题