幫助開發者進行圖片渲染的模板。
成為我們的資助者或贊助商,以支持我們的工作。
使用 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 | - | - |
是否延遲加載圖片。