2017-02-16 15 views
0

Я знаю, что при загрузке какого-либо изображения/объекта в AEM DAM создадут записи, , но мне интересно, как эти данные будут использоваться?Как данные AEM DAM Asset используются в AEM?

Как правило, при создании контента мы будем указывать только пути к ресурсам DAM, но никогда не увидели, что используются конкретные пути отображения изображения. может кто-нибудь помочь мне привести пример для использования этих версий?

dam renditions

+0

посмотрите [как получить доступ к изображению] (http://stackoverflow.com/questions/40153767/how-to-access-image-rendition-in-aem), который может быть похож на ваш вопрос. – VAr

ответ

1

Наиболее распространенный случай использования его иметь «отзывчивые» изображения, делая использование picture элемента (требуется polyfills как picturefill.js при использовании IE).

Вот пример взят из 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.

+0

@mickeroy спасибо, но небольшой запрос для вышеуказанного стиля кодирования, когда автор хочет выбрать из диалогового окна pathfield, они смогут выбирать только исходный путь изображения, но не правильные версии, нам нужно его обрабатывать в коде.? – krish

+0

вы можете легко справиться с этим в коде. Пока у вас есть путь к исходному изображению, вы можете просто добавить путь к его выдаче. Например: 'data-src = '$ {pathToImage}/jcr: content/renditions/cq5dam.thumbnail.140.100.png'' – mickleroy

Смежные вопросы