模板:Img：修订间差异
来自BinWiki
>OctoberSama 小无编辑摘要 |
小 导入4个版本 |
||
| （未显示1个用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
<includeonly>{{#if:{{{src|{{{url|{{{1|}}}}}}}}} | <includeonly>{{#if:{{{src|{{{url|{{{1|}}}}}}}}} | ||
|{{#widget:img|url={{{src|{{{url|{{{1|}}}}}}}}}|alt={{{alt|{{{src|{{{url|{{{1|}}}}}}}}}}}}|width={{{width|200px}}}|height={{{height| | |{{#widget:img|url={{{src|{{{url|{{{1|}}}}}}}}}|alt={{{alt|{{{src|{{{url|{{{1|}}}}}}}}}}}}|width={{{width|200px}}}|height={{{height|}}}|style={{{style|}}}|id={{{id|}}}|class={{{class|}}}}} | ||
|<span class="error">错误:未正确传入图片参数</span>}}</includeonly><noinclude>{{doc}}</noinclude> | |<span class="error">错误:未正确传入图片参数</span>}}</includeonly><noinclude>{{doc}}</noinclude> | ||
2025年9月16日 (二) 23:08的最新版本
本模版用于在条目内插入<img>标签(用以插入外链图片)。
站内图片的插入请参见help:图像,请勿使用外链插入本站图片！会导致图片链入不被统计。
用法
最简单的用法只需要一个匿名参数：
{{img|url=https://s2.loli.net/2025/06/16/JPTAvWOXl4NhS1G.jpg}}
效果：
{{#widget:img|url=https://s2.loli.net/2025/06/16/JPTAvWOXl4NhS1G.jpg%7Calt=https://s2.loli.net/2025/06/16/JPTAvWOXl4NhS1G.jpg%7Cwidth=200px%7Cheight=%7Cstyle=%7Cid=%7Cclass=}}
参数
- src、url、1
- 三个别名同义，用于指定img标签中属性src的值（即图片链接）。(链接必须带协议！且不建议使用https://以外的协议！)
- 必要参数。
- alt
- img标签中的alt属性。用于当图片无法显示时显示，或无障碍阅读时图片的替代文本
吉吉国就是残疾人看的所以你们都要填这个。 - 可选参数。
- img标签中的alt属性。用于当图片无法显示时显示，或无障碍阅读时图片的替代文本
- width
- img标签中style属性的width。用于限制图片的宽度。使用时需要带单位，默认为200px。
- 可选参数。
- height
- img标签中style属性的height。用以限制图片的高度，和width通常只需要使用一个。当两个值都被填写时，图片会被拉伸。
- 可选参数。
- style
- img标签中style属性的剩余部分。图片的附加CSS样式。
- 可选参数。
- id
- img标签中的id属性。通常不建议使用。
- 可选参数。
- class
- img标签中的class属性。元素所属的类，一般无需填写。当类的CSS样式与内联样式冲突时，内联样式优先。
- 可选参数。
？？？
|
{{#widget:img|url=https://wiki.ottohub.cn/images/a/a1/%E5%93%87%E8%A2%84.png%7Calt=发育的不太健全%7Cwidth=100%%7Cheight=30%%7Cstyle=display: inline-block; background: conic-gradient( red 0deg, orange 60deg, yellow 120deg, green 180deg, blue 240deg, indigo 300deg, violet 360deg ); object-fit: cover;|id=|class=}} |
