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資產轉換？

回答

相關問題