| 第1行： | 第1行： | ||
<templatestyles src="模板:Blurimage/styles.css" /><center><div class="marginblock" style="display: inline-flex; box-shadow: 2px 2px 6px rgba(0,0,0,0.6); width:{{{width|300px}}}; overflow: hidden; z-index: 4; position:relative; float:{{{align|right}}}; padding:0; flex-direction: column; clear:{{{align|right}}};margin: 1rem; margin-{{{align|right}}}:0.5rem !important;"> | <templatestyles src="模板:Blurimage/styles.css" /><center><div class="marginblock" style="display: inline-flex; box-shadow: 2px 2px 6px rgba(0,0,0,0.6); width:{{{width|300px}}}; overflow: hidden; z-index: 4; position:relative; float:{{{align|right}}}; padding:0; flex-direction: column; clear:{{{align|right}}};margin: 1rem; margin-{{{align|right}}}:0.5rem !important;"> | ||
<div class="no-margin-p fit-image" style="margin:0;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);">{{ | <div class="no-margin-p fit-image" style="margin:0;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);">{{Blurimage/图片|{{{file|Lvl10.jpg}}}|{{{hovertext|}}}|{{{imgwidth|300px}}}|{{{alt|}}}}}</div> | ||
<div class="blurbehind" style="background: rgba(0,0,0,0.2);padding: 1rem 1em;position:relative; font-size: {{{font-size|90%}}}; font-weight: bold; color: white;text-shadow: 0px 0px 3px black; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); z-index: 5; float:right; margin:0;">{{{caption|这个小玩意比原来的那个图像块漂亮多了。为什么不用用呢？}}}</div> | <div class="blurbehind" style="background: rgba(0,0,0,0.2);padding: 1rem 1em;position:relative; font-size: {{{font-size|90%}}}; font-weight: bold; color: white;text-shadow: 0px 0px 3px black; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); z-index: 5; float:right; margin:0;">{{{caption|这个小玩意比原来的那个图像块漂亮多了。为什么不用用呢？}}}</div> | ||
<div class="mobile-hidden cover-image" style="position: absolute; top:{{{top|0}}}; {{{bg-align|left}}}:0; z-index: -1;">{{ | <div class="mobile-hidden cover-image" style="position: absolute; top:{{{top|0}}}; {{{bg-align|left}}}:0; z-index: -1;">{{Blurimage/背景|{{{file|Lvl10.jpg}}}}}</div> | ||
</div></center> | </div></center> | ||
| 第8行： | 第8行： | ||
<noinclude> | <noinclude> | ||
<!-- 2026-08-08 更新：file 参数支持两种写法——站内文件名（如 Lvl10.jpg）或 http(s):// 开头的图床链接（如 https://cdn.jsdelivr.net/gh/...）。图床链接以 <div class="blurimage-ext"> 包裹裸 URL，由 ExternalImage 机制自动转为 <img>，尺寸由 模板:Blurimage/styles.css（TemplateStyles）中的 .blurimage-ext img | <!-- 2026-08-08 更新：file 参数支持两种写法——站内文件名（如 Lvl10.jpg）或 http(s):// 开头的图床链接（如 https://cdn.jsdelivr.net/gh/...）。图床链接以 <div class="blurimage-ext"> 包裹裸 URL，由 ExternalImage 机制自动转为 <img>，尺寸由 模板:Blurimage/styles.css（TemplateStyles）中的 .blurimage-ext img 规则控制（等宽缩放，高度自适应）。判断逻辑拆在子模板 模板:Blurimage/图片 与 模板:Blurimage/背景 中（位置参数，规避命名参数导致解析器函数失效的问题）。注意：图床链接必须以图片扩展名（.jpg/.png/.gif/.webp/.svg 等）结尾且不带 query 参数，否则不会自动转图片。 --> | ||
[[Category:模板]] | [[Category:模板]] | ||
2026年8月8日 (六) 15:49的最新版本
这是一个更棒的图片嵌入模板，为何不来试试呢。（你只需要填入file（即图片文件名）以及caption（下方文字）即可）【file 支持 http(s):// 开头的图床链接，如 https://cdn.jsdelivr.net/gh/...，将自动以图片方式显示，宽度受 imgwidth 控制（注意：链接需以图片扩展名结尾且不带 query 参数）】（可选的参数：width宽度，align浮动方向（即靠左还是靠右），hovertext鼠标悬停在这个模板上时显示的文字，font-size图片下方说明文字的字体大小,alt图片的描述文本，imgwidth,图片宽度，图片高度是自动调整）（不常用的参数：top模糊背景的水平偏移，bg-align模糊背景的水平对齐方向）
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| width | width | 无描述 | 未知 | 可选 |
| align | align | 无描述 | 未知 | 可选 |
| file | file | 无描述 | 未知 | 可选 |
| hovertext | hovertext | 无描述 | 未知 | 可选 |
| alt | alt | 无描述 | 未知 | 可选 |
| font-size | font-size | 无描述 | 未知 | 可选 |
| caption | caption | 无描述 | 未知 | 可选 |
| top | top | 无描述 | 未知 | 可选 |
| bg-align | bg-align | 无描述 | 未知 | 可选 |
| imgwidth | imgwidth | 无描述 | 未知 | 可选 |