# thumb 生成縮略圖 ## thumb 生成縮略圖 用于生成縮略圖，返回生成縮略圖的地址。該標簽不受后臺縮略圖**開啟/關閉**配置影響 ## 格式 ``` <pre class="calibre16">``` <span class="token"><</span>img src<span class="token">=</span><span class="token4">"{hkcms:thumb name='$Info.thumb' /}"</span><span class="token">></span> ``` ``` ## 參數 參數名稱可選值默認值是否必填支持版本說明name圖集變量-必填v2.2.2.20220725width---v2.2.2.20220725縮略圖寬度，不填則使用附件里面的縮略圖配置height---v2.2.2.20220725縮略圖高度，不填則使用附件里面的縮略圖配置type參考下面--v2.2.2.20220725縮略圖生成方式，默認使用附件里面的縮略圖配置auto1/01-v2.2.2.202207251=表示縮略圖不存在時自動生成縮略圖ishtml1/00-v2.2.2.202207251=表示生成圖片標簽，0=僅返回縮略圖圖片地址## 參數說明 - `name` 傳入變量，例如在content標簽列表用 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>content catid<span class="token">=</span><span class="token4">"10"</span><span class="token1">}</span> <span class="token"><</span>img src<span class="token">=</span><span class="token4">"{hkcms:thumb name='$item.thumb' /}"</span><span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>content<span class="token1">}</span> ``` ``` - `width`與 `height`分別是縮略圖寬度與縮略圖高度，這里不填寫則使用的是后臺縮略圖配置  指定寬高，如果是按比例縮放寬為250像素時停止縮放 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>content catid<span class="token">=</span><span class="token4">"10"</span><span class="token1">}</span> <span class="token"><</span>img src<span class="token">=</span><span class="token4">"{hkcms:thumb name='$item.thumb' width='250' height='250' /}"</span> <span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>content<span class="token1">}</span> ``` ``` - `type`縮略圖生成方式。 type可選值如下： 1：等比例縮放 2：縮放填充 3：居中裁剪 4：左上角裁剪 5：右下角裁剪 6：固定尺寸縮放 居中裁剪示例，type等于3 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>content catid<span class="token">=</span><span class="token4">"10"</span><span class="token1">}</span> <span class="token"><</span>img src<span class="token">=</span><span class="token4">"{hkcms:thumb name='$item.thumb' type='3' /}"</span><span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>content<span class="token1">}</span> ``` ``` - `auto` 自動生成縮略圖，當傳入的圖片沒有縮略圖系統將自動幫該圖生成縮略圖，默認是自動生成 - `ishtml` 返回帶有圖片標簽的縮略圖 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>content catid<span class="token">=</span><span class="token4">"10"</span><span class="token1">}</span> <span class="token1">{</span>hkcms<span class="token1">:</span>thumb name<span class="token">=</span><span class="token4">"$item.thumb"</span> ishtml<span class="token">=</span><span class="token4">"1"</span> <span class="token">/</span><span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>content<span class="token1">}</span> ``` ``` 效果： `<img src="/uploads/20220724/36a864c7eb3d4afbcd54bc1ca1c0da38_thumb.jpg">`