Template:折叠图片框：修订间差异

2026年3月22日 (日) 20:38的版本

用法示例：

此图片含惊吓+成人内容

 本图包含惊吓+成人内容，可能不适合未满18周岁者阅读。若你符合年龄限制要求并愿意继续阅读，请点击下方的按钮继续查看。

File:文件名.jpg

这是失传媒体截图

此图片过长

 本图因过长而影响排版，默认将其折叠。

File:VeryLongImage.png

Template:Replacepx

长图已折叠

@@ 第1行： / 第1行： @@
 <includeonly>
+{{#if:{{{图片|}}}|
+<div class="scp-image-block block-{{{对齐|右}}}" style="width:{{{宽度|300px}}}; display: block;">
-{{#if:{{{图片|}}}|<!-- 有图片才渲染 -->
+<div class="collapsible-image {{{类别|警告}}} mw-collapsible mw-collapsed"
+     data-expandtext="{{#ifeq:{{{类别|警告}}}|警告|此图片含有{{{内容|限制性}}}内容，仍要观看|点击展开长图}}"
+     data-collapsetext="隐藏"
+     data-collapse-duration="200">
-<div class="mw-collapsible mw-collapsed image-collapsible"
+  {{#ifeq: {{{类别|警告}}} | 警告
-     data-expandtext="{{#ifeq:{{{类别|警告}}}|警告|继续查看（含限制性内容）|点击展开长图}}"
+  |
-     data-collapsetext="{{#ifeq:{{{类别|警告}}}|警告|隐藏限制性内容|隐藏长图}}"
+  <div class="collapsible-image-text 警告">此图片含{{{内容|限制性}}}内容</div>
-     data-collapse-duration="200">
+  |
+  <div class="collapsible-image-text 过长">此图片过长</div>
+  }}
-<!-- 标题栏（始终可见） -->
+  {{#ifeq: {{{类别|警告}}} | 警告
-<div class="mw-collapsible-always-show">
+  |
-{{#ifeq:{{{类别|警告}}}|警告|
+  <div class="collapsible-image-text-main 警告">
-此图片含{{{内容|限制性}}}内容，可能不适合未满18周岁者阅读。<br>若你符合年龄限制并愿意继续，请点击“继续查看”。
+  本图包含{{{内容|限制性}}}内容，可能不适合未满18周岁者阅读。若你符合年龄限制要求并愿意继续阅读，请点击下方的按钮继续查看。
-|
+  </div>
-本图因过长影响排版，默认折叠。
+  |
-}}
+  <div class="collapsible-image-text-main 过长">
-</div>
+  本图因过长而影响排版，默认将其折叠。
+  </div>
+  }}
-<!-- 真正被折叠的内容 -->
+  <div class="mw-collapsible-content">
-<div class="mw-collapsible-content">
+     [[File:{{{图片|}}}|{{#if:{{{宽度|}}}|{{replace|{{{宽度|}}}|px|}}px|300px}}|{{{对齐|右}}}|alt={{{alt-text|}}}|frameless]]
-     [[File:{{{图片|}}}|{{#if:{{{宽度|}}}|{{{宽度}}}px|300px}}|{{{对齐|right}}}|link=|alt={{{alt-text|}}}|frameless]]
+  </div>
-    {{#if:{{{描述|}}}|
-    <div style="margin-top:0.5em; font-size:0.9em; color:#555;">
-        {{{描述}}}
-    </div>
-    }}
-</div>
 </div>
-|<!-- 没有图片时提示 -->
+{{#if:{{{描述|}}}|
-<span style="color:red;">错误：未填写图片链接</span>
+<div class="scp-image-caption" style="font-size: 0.9em; text-align: center;">{{{描述}}}</div>
 }}
+</div>
+|
+<div style="color:red">未填写图片链接</div>
+}}
 </includeonly>
 <noinclude>
+'''用法示例：'''
-语法：
-<pre>
 {{模板:折叠图片框
 |类别=警告
-|内容=惊吓
+|内容=惊吓+成人
-|图片=文件名
+|图片=文件名.jpg
-|描述=描述文本
+|描述=这是失传媒体截图
 }}
-</pre>
-{{模板:折叠图片框
-|类别=警告
-|内容=惊吓
-|图片=文件名
-|描述=描述文本
-}}
-{{清除浮动}}
-<pre>
-{{模板:折叠图片框
-|类别=过长
-|图片=文件名
-|描述=描述文本
-}}
-</pre>
 {{模板:折叠图片框
 |类别=过长
-|图片=文件名
+|图片=VeryLongImage.png
-|描述=描述文本
+|宽度=800
+|描述=长图已折叠
 }}
-{{清除浮动}}
 </noinclude>