Dynamic Media Image
Prerequisites
- Environment should have the config files for remote repo. (To open remote repo in asset picker)
- Add “Dynamic Media (Image)” block to your page and edit block’s properties.
- Click on asset selector which will open asset picker.
You will see remote repo listed if you have image.config.json file present at location /content/dam/config/image.config.json
- Select any delivery server from the Repository dropdown. (preferably the remote repo named “AEM XSC Showcase Program dev delivery”).
- Select the asset. Once asset is selected it will render on the page.
- You have below properties to configure:
- Enable Smart Crop: This option will enable smart crop on the asset.
- Preset: You can select the presets available from this drop down. Some presets may have additional configuration which will be enabled once preset is selected.
- Rotate: You can select the rotation from the drop down.
- Flip: You can select the flip direction from the drop down.
- Crop: Crops the image using four values: left, top, width, and height, all in percentages. For example, 10p,10p,50p,50p means crop the image starting 10% from the left and top, and take 50% of the image's width and height