Alex Shpak
34 lines
718 B
Markdown
34 lines
718 B
Markdown
# Images
|
|
|
|
Enhanced image display with click-to-expand behavior.
|
|
|
|
## Syntax
|
|
|
|
```tpl
|
|
{{</* image src="photo.jpg" alt="Description" title="Caption" loading="lazy" */>}}
|
|
```
|
|
|
|
## Example
|
|
|
|
{{% columns %}}
|
|
- {{< image src="placeholder.svg" alt="Placeholder image" title="Click to expand" loading="lazy" >}}
|
|
- {{< image src="placeholder.svg" alt="Placeholder image" title="Click to expand" loading="lazy" >}}
|
|
{{% /columns %}}
|
|
|
|
## Parameters
|
|
|
|
`src`
|
|
: Path to the image. Supports page resources, site resources, and URLs.
|
|
|
|
`alt`
|
|
: Alternate text for accessibility.
|
|
|
|
`title`
|
|
: Caption displayed below the image.
|
|
|
|
`loading`
|
|
: Loading strategy: `lazy`, `eager`, or `auto`.
|
|
|
|
`class`
|
|
: Additional CSS classes on the `<img>` element.
|