幫助開發者進行圖片渲染的模板。
成為我們的資助者或贊助商,以支持我們的工作。
使用 images/image 模板來渲染圖片。
1{{ partial "images/image" (dict
2 "Page" .
3 "Filename" "/path/to/image.png"
4 "Alt" "Example Image"
5) }}
Filename| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
Filename | - | string | ✓ | - | - | - |
圖片的文件名或 URL。
Alt| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
Alt | - | string | - | - | - | - |
替代文本。
Caption| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
Caption | - | string | - | - | - | - |
說明文本。
Page| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
Page | - | string | - | - | - | - |
頁面變量,用於查找圖片資源。
ClassName| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
ClassName | - | string | - | img-fluid | - | - |
<img> 類名。
Original| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
Original | - | boolean | - | false | - | - |
是否通過 data-* 屬性來描述原始圖片信息。
LazyLoading| 名稱 | 上下文 | 類型 | 必填 | 默認值 | 版本 | 示例 |
|---|---|---|---|---|---|---|
LazyLoading | - | boolean | - | true | - | - |
是否延遲加載圖片。