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

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

语法：

{{模板:折叠图片框
|类别=警告
|内容=惊吓
|图片=文件名
|描述=描述文本
}}

此图片含惊吓内容，可能不适合未满18周岁者阅读。
若你符合年龄限制并愿意继续，请点击“继续查看”。

File:文件名

       描述文本

{{模板:折叠图片框
|类别=过长
|图片=文件名
|描述=描述文本
}}

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

File:文件名

       描述文本

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