##Why?!? TODO
##How?!? TODO
##Libs
##Useage
\DigitalUnited\ResponsiveImage::render([
'imgId' => $imgId,
'output' => 'img'
'ratio' => '4x3',
'imgAttributes' => [
'class' => [],
'alt' => $alt,
],
'wrapperAttributes' => [
'class' => [],
],
'divWithBgImageAttributes' => [
'class' => ['cover']
]
]);
##Options
A WordPress attachment image id.
- img: Regular img-tag (Not implemented, yet)
- img: Regular img wrapped in a div with kept aspect-ratio. The img behaves normal if the ratio setting is omitted.
- div: Div with srcset
- srcset: For usage in "data-srcset"-tag
The following aspect ratios are available.
- string "1x1"
- string "2x1"
- string "4x1"
- string "4x3"
- string "16x9"
- string "1x2"
- string "1x4"
- string "3x4"
- string "9x16"
HTML attributes added to the wrapper-div and the img-tag when using img output mode
Output as div has 2 premade helper classes to avoid inline styling, "cover" and "contain".
##TODO
- Caching of rendering
- Ratios with bootstrap breakpoints
- Use printplugin for Lazysizes