Skip to main content

Usage Markdown/Template

Markdown

Basic

Basic image
![alt text](image.jpg "title text")

Preset

Basic image
![alt text](image.jpg?preset=spacerImage "title text")

No Image server

info

Special preset to not process the image. p wrapper will still be removed`

Basic image
![alt text](image.svg?preset=noImageServer "title text")

Template examples

Parameters in twig

No specific oder or attributes are needed, except imageName.

Basic (minimal)

{% include 'picture.html.twig' with {
'image': object.header.img
} %}

Basic (alt,title)

{% include 'picture.html.twig' with {
'image': object.header.img,
'alt': object.header.alt,
'title': object.header.title
} %}

Preset

{% include 'picture.html.twig' with {
'image': object.header.img,
'alt': object.header.title,
'preset': 'myPreset'
} %}

Parameters

{% include 'picture.html.twig' with {
'image': object.header.img,
'alt': object.header.title,
'ratio': 0.33,
'class': 'img-fluid w-50 border-radius',
'loading': 'eager'
...
} %}

Overwrite preset

{% include 'picture.html.twig' with {
'image': object.header.img,
'alt': object.header.title,
'preset': 'myPreset',
'ratio': 0.33,
'class': 'img-fluid w-50 border-radius',
'loading': 'eager'
...
} %}

Twig

warning

This shouldn't be used. Template (section above) will be not be effected after API changes. Also, if you want to remove the image server plugon, you cna set up your own picture template and manage everything yourself without replacing the functions. Take a look inside template for all parameters.

Twig picture function
{{ picture(imageName) }}
update